메서드에 매개변수를 제공하는 ♦ Vue.js❏

2437 단어 Vue.js
방법의 매개 변수의 배수 계수 상승!
(예) 3을 주면 이렇다.

개발 환경은 JSFiddle https://qiita.com/ITmanbow/items/9ae48d37aa5b847f1b3b
html
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
  <p>{{ number }}</p>
  <button @click="countUp(3)">カウントアップ</button>
</div>
javascript
new Vue({
  el: "#app",
  data: {
    number: 0
  },
  methods: {
    countUp: function(times) {
      this.number += times;
    }
  }
})
① html 측 제공 매개 변수 3.@click="countUp(3)"② js 측은 times로 매개변수를 받아들인다.countUp: function(times)③ 매개변수 섹션 추가this.number += times;됐어!
그럼 안녕!

좋은 웹페이지 즐겨찾기