关于在VUE中下拉列表的option无法添加事件传值的问题
2019-03-18 本文已影响249人
赵佳乐1016
在vue项目中,当我们用v-for遍历select下的option时,我们想通过给option添加点击事件来获取我们所遍历的对象,却发现我们的点击事件根本不触发
![](https://img.haomeiwen.com/i16875619/d063a6c42a3ab967.png)
那么我们怎样才能把我们想要的值传递过去呢?我们需要在select上绑定一个v-model,在data里定义一个v-model所绑定的空值,然后通过change事件将这个空值传递过去,然后我们在option上绑定value属性,在value上绑定你要传递的值(也可以是当前对象的下标或者id),然后在change事件中接收你传过来的值,就可以了
![](https://img.haomeiwen.com/i16875619/3e3f512b33888e47.png)
![](https://img.haomeiwen.com/i16875619/e1e207c763cfd936.png)
![](https://img.haomeiwen.com/i16875619/cafeb767f7bf4774.png)
vue官网也对这部分进行了介绍:详见官网