web 前端

关于在VUE中下拉列表的option无法添加事件传值的问题

2019-03-18  本文已影响249人  赵佳乐1016

      在vue项目中,当我们用v-for遍历select下的option时,我们想通过给option添加点击事件来获取我们所遍历的对象,却发现我们的点击事件根本不触发

      那么我们怎样才能把我们想要的值传递过去呢?我们需要在select上绑定一个v-model,在data里定义一个v-model所绑定的空值,然后通过change事件将这个空值传递过去,然后我们在option上绑定value属性,在value上绑定你要传递的值(也可以是当前对象的下标或者id),然后在change事件中接收你传过来的值,就可以了

在下拉框中写入 在data中定义空值 这时的i就是你传过来的值

vue官网也对这部分进行了介绍:详见官网

上一篇下一篇

猜你喜欢

热点阅读