vue中下拉选择绑定变换选项change事件

Posted 150536fbb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中下拉选择绑定变换选项change事件相关的知识,希望对你有一定的参考价值。

本来是想在点击选项时获取选项的值,给option加的click事件,但是并没有生效

后面查了一下是因为:select 中的option 识别不了onclick,,需要在select上做onchange进行识别。。

 

<select  @change="selectNode(selected)" v-model="selected">
    <option  v-for="(item,index) in userList" :value="item.name" :key="index">{{item.name}}</option>
</select>

selectNode(node){
  this.selected = node;
},

 

以上是关于vue中下拉选择绑定变换选项change事件的主要内容,如果未能解决你的问题,请参考以下文章

如果更改事件未绑定然后反弹,则下拉选项“更改”不起作用

vue.js的select下拉框怎样绑定事件和取值

wpf下拉多选自定义控件添加change事件

(Vue -05) v-model指令 + 绑定事件 + 深度响应式

vue.js处理下拉框实践

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值