为什么input框内输入内容会触发change事件

Question

<template>
<div>

<input type="text" v-model="value">
<van-dropdown-menu >
        <van-dropdown-item v-model="search1" :options="option1" :change='cha(search1)'/>
        <van-dropdown-item v-model="search2" :options="option2" />
</van-dropdown-menu>

</div>
</template>
<script>
export default {
data() {

return {
  value:'',
  search1: 'all',
   search2: "默认",
   option1: [
    {
      text: "市场",
      value: 'all',
    },
    {
      text: "进口市场",
      value: "mk000001",
    },
    {
      text: "美妆市场",
      value: "mk000002",
    },
  ],
  option2: [
    {
      text: "价格",
      value: "默认",
    },
    {
      text: "从低到高",
      value: "从低到高",
    },
    {
      text: "从高到低",
      value: "从高到低",
    },
  ],
}

},
methods:{

cha(va1) {
  console.log(va1);
}

}
}
</script>

Answer 1

添加事件不是通过@click这种吗？