javascript - vuejs 如何给option 添加点击事件

Question

添加的点击事件没有调用

Answer 1

<select @change="test">
      <option>l</option>
      <option>m</option>
      <option>z</option>
      <option>zs</option>
    </select>

是这样么？

Answer 2

点击事件写在<select>中

Answer 3

可怕的事情发生了，你居然和我有一样的写法，我上次的问题是两个一模一样的select，然后一个可以用一个不可以用。所以不推荐你用这个方法。

1. 用watch监听你的值，发生改变了就去调用事件，做到数据驱动。

2. @change=""的方式也是可以的，但是局限性肯定是有的。

3. 同方法1，只不过是在其他的用这个值的地方，也用你的v-model绑上的变量，做到数据驱动，但是也有局限性，不可能使用所有场景