1
這是一個帶@click
處理元素的值:編程方式改變@單擊方法
<button @click="doSomething">doSomething</button>
這個元素裏面,我們怎麼能編程與doSomethingElse
改變doSomething
價值?
這是一個帶@click
處理元素的值:編程方式改變@單擊方法
<button @click="doSomething">doSomething</button>
這個元素裏面,我們怎麼能編程與doSomethingElse
改變doSomething
價值?
將您希望作爲處理程序的函數存儲在變量中。
在這個例子中,handler
是第一個按鈕的點擊處理程序。單擊第二個和第三個按鈕可更改handler
設置的功能。
new Vue({
el: '#app',
data() {
return {
handler: this.doSomething,
}
},
methods: {
doSomething() {
console.log('something')
},
doSomethingElse() {
console.log('something else')
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
<div id="app">
<button @click="handler">Fire Click Handler</button>
<button @click="handler = doSomething">Make Handler Do Something</button>
<button @click="handler = doSomethingElse">Make Handler Do Something Else</button>
</div>