带有keyCode和条件的Vuejs keyup事件触发

Question

我想在条件下绑定一个事件，并仅在用户输入特定键时触发它，例如，

1) 我想在标签的值等于标签的时候绑定事件

<input type="text" v-on="{ keyup: (label == 'Tags') ? $event => onTagAdd($event, index) : {} }"    v-model="value">

onTagAdd: function (oEvent, index){           
        if(oEvent.key === ";"){
            //some code
        }
    }

它按预期工作。

2) 此外，我只想在 ; (virtual key code = 186) 按下，所以我尝试了下面的代码

<input type="text" v-on="{ 'keyup.186': (label == 'Tags') ? $event => onTagAdd($event, index) : {} }"    v-model="value">

它不工作。我已经推荐了vue.js documentation 但是，没有任何解决方法。

如何做到这一点？

注意：我已经取消了这种方法，因为它在 IE 中为 $event 出现错误。仍在寻找解决问题并支持浏览器兼容性的解决方案。

Answer 1

试试这个，告诉我它是否有效。

<input type="text" v-on:keyup.186="{ (label == 'Tags') ? $event => onTagAdd($event, index) : {} }"    v-model="value">

Answer 2

可能内联样式不支持事件类型中的键码（不确定），试试这个：

<input type="text" v-on:keyup.186="onTagAdd($event,2)"    v-model="value">

methods: {
        onTagAdd(event,index){
            // put your logic codes here
            console.info('==')
            console.info(event)
            console.info(index)
        }
    }