相关文章推荐
挂过科的镜子  ·  VUE 使用 select ...·  6 天前    · 
越狱的鸵鸟  ·  dart uri add query ...·  9 月前    · 
愤怒的毛巾  ·  django ...·  1 年前    · 

使用这些事件非常简单,在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函数,从而获得当前选择的值。

  •