在我的vue-app 中，我需要制作一個<nuxt-img />-clickable，所以我嘗試這樣做：
<nuxt-img :src="image.src" @click="isClickable ? doSomeStuff : null" />
但出于某種原因，我不知道，這不起作用 - 單擊時沒有任何反應。
有人可以告訴我我做錯了什么嗎？
uj5u.com熱心網友回復：
嘗試添加native修飾符：
@click.native="isClickable ? doSomeStuff : null"
uj5u.com熱心網友回復：
我會在那里傳遞一個函式，就像評論中已經有人建議的那樣：
@click="() => isClickable ? doSomeStuff : null"
但更好的是將邏輯包含在一個方法中并呼叫方法@click="handleClick"
...
methods: {
handleClick(){
if(this.isClickable){ this.doSomeStuff() }
}
uj5u.com熱心網友回復：
<nuxt-img :src="image.src" @click="isClickable ? doSomeStuff : null" />
doSomeStuff必須被定義為一個函式才能像那樣被呼叫
否則你應該用thunk呼叫它
例如：
<nuxt-img :src="image.src" @click="isClickable ? () => doSomeStuff : null" />
我仍然會給 @onclick 事件一個 undefined 而不是一個空值
<nuxt-img :src="image.src" @click="isClickable ? () => doSomeStuff : undefined" />
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/369185.html
上一篇：回圈遍歷兩個陣列以填充二維陣列
下一篇：為什么我的代碼不能正確比較日期？