如何在用户输入Vue时启用或禁用按钮Ui-选择

时间:2018-06-05 07:29:57

标签: javascript vue.js ui-select

我在vue中有一个ui-select选项,允许用户选择或输入所需的搜索项。请看下面的图片:

enter image description here

这是它的后端:

<ui-select 
    v-model="groupName"
    has-search
    @input="checkEvent()"
></ui-select>

因此,当用户在< ui-select&gt; , I want to call the method checkEvent()`的搜索框中输入内容时:

checkEvent(){
    console.log("You've called me");
}

但是这个只在页面加载时执行,当我尝试输入时,它没有被执行。我是以正确的方式做到的吗?我真的需要别人的帮助,所以坚持下去。顺便说一句,我正在使用Keen-UI

1 个答案:

答案 0 :(得分:0)

仅当您选择选项时才会发出

input。你应该听query-change代替:

<ui-select 
    v-model="groupName"
    has-search
    @query-change="checkEvent"
    @input="checkEvent()"
></ui-select>