我想單擊按鈕并執行這兩個運算式。
但我需要單擊它兩次才能同時執行:
1.) data = true 和 2.) name(data)。為什么它不能在點擊時執行?
<button @click="data = true,name(data)">
uj5u.com熱心網友回復:
添加分號應在單擊時執行兩個運算式。
<button @click="data = true; name(data)">click me</button>
uj5u.com熱心網友回復:
@AlexHunter 最好將此邏輯提取到處理程式函式中。像下面這樣的東西。
<button @click="handleClick">click me</button>
.....
// in your methods section
methods: {
handleClick() {
this.data = true
this.name(data)
}
}
如果data是您從 a 中訪問的內容,則v-if可以將其傳遞給處理程式,如下所示,
<button @click="handleClick(data)">click me</button>
.....
// in your methods section
methods: {
handleClick(data) {
// if data is false, return and don't call this.name()
if (!this.data) return
this.name(data)
}
}
在沒有看到更多代碼的情況下,我不確定您的確切用例是什么,但我覺得您或許可以進一步簡化上述內容。
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/342605.html
標籤:Vue.js vuetify.js
上一篇:單擊時更改v-chip的顏色
