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屋！