在Vue.js中，当显示的元素被选中时，如何让事件在select中触发？

在Vue.js中，当显示的元素被选中时，可以通过使用v-on指令来绑定一个事件监听器，以在select元素中触发事件。具体步骤如下：

首先，在Vue实例中，定义一个数据属性来存储select元素的选中值。例如，可以在data属性中添加一个名为selectedValue的属性，并初始化为一个空字符串。

data() {
  return {
    selectedValue: ''
  }
}

在select元素中，使用v-model指令将选中的值与数据属性selectedValue进行双向绑定。

<select v-model="selectedValue">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

在Vue实例中，使用v-on指令来监听select元素的change事件，并在事件触发时执行相应的方法。

methods: {
  handleSelectChange() {
    // 在这里编写处理select选中事件的逻辑
    console.log('选中的值为：', this.selectedValue);
  }
}

将事件监听器绑定到select元素上，通过v-on指令的简写形式@change来实现。

<select v-model="selectedValue" @change="handleSelectChange">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

这样，当select元素中的选项被选择时，handleSelectChange方法将被调用，并且可以在控制台中打印出选中的值。

关于Vue.js的更多详细信息，您可以参考腾讯云的Vue.js产品介绍页面：Vue.js产品介绍。