相关文章推荐
活泼的小蝌蚪  ·  帮助中心·  2 年前    · 
谦和的灌汤包  ·  Azure Active ...·  2 年前    · 
暴走的树叶  ·  linux sed 替换tab - ...·  2 年前    · 

使用这些事件非常简单,在Vue组件中,我们可以在Select标签上直接加上@事件名的方式绑定事件,例如:

<template>
  <select @change="handleChange">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </select>
</template>
<script>
export default {
  methods: {
    handleChange(event) {
      console.log(event.target.value);
</script>

在这个例子中,我们绑定了一个change事件,并在事件处理函数handleChange中打印出选择的值。当用户在下拉框中选中一个选项时,就会触发handleChange函数,从而获得当前选择的值。

  •