javascript - element ui 中select的visible-change事件和remove-tag事件都不能绑定
本文介绍了javascript - element ui 中select的visible-change事件和remove-tag事件都不能绑定的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
想在select选择框隐藏的时候拿到选中(多选)的值去查询,但发现visible-change绑定不了(element ui 最新版,vuejs 2.0.5,没使用Nodejs).change事件可以正常绑定.
代码如下:
`
<div class="row " id="app">
<div class=" col-xs-4">
<template>
<el-select v-model="value5" @remove-tag="showinfo" multiple placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</template>
</div>
</div>`
js:
var Main = {
data() {
return {
options: [{
value: 'x001',
label: '第一个'
}, {
value: 'x002',
label: '第二个'
}, {
value: 'x003',
label: '第三个'
}],
value5: []
};
},
methods:{ //给自定义的组件绑定事件
showinfo(){
console.log("111")
}
}
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
试过好几次,还是不行,网上找的发现基本都不能用.
解决方案
elementUI的select组件没有removeTag事件..
而且你绑定的也不是visible-change事件
这篇关于javascript - element ui 中select的visible-change事件和remove-tag事件都不能绑定的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文