Vue @ click =“ item.click ||（（）=> {}）”未按预期评估

Question

我是来自某些数据的v-for按钮，这些数据包含我想绑定到callback的{​​{1}}。

我知道其中一些数据没有<button />，所以我写了这个

callback

但是，此行无法正常运行，现在，我所有按钮的click事件都不再起作用。

请参阅此最小示例

<button @click="item.click || (() => {})"></button>

我应该怎么做才能防止空的回调？

这是我的CodeSandbox

（点击0无效）

Answer 1

您应该在click侦听器中执行此操作：

@click="item.click ? item.click() : (() => {})"

代替

@click="item.click || (() => {})"