请问vue 可以绑定事件时 执行三元表达式吗？

Question

请问vue 可以绑定事件时 执行三元表达式吗? 示例如下<div id="app">    <button @mousedown="editable?change:''">change</button>    <div v-text="text"></div></div><script>    var app=new Vue({        el:'#app',        data:{            text:123,            editable:true        },        methods:{            change:function () {                this.text=456;            }        }    })</script>当editable为true时 需要绑定change事件，但是 这种三元表达式 写法好像不行。

Answer 1

可以写成：@mousedown="() => editable ? change() : otherMethod()"

不过建议还是直接把 editable 的逻辑写到 change 方法里

change () {

  if (!this.editable) return

  // ...