Vue中的dict-tag标签通过@change事件绑定选择事件没起作用
时间: 2023-05-30 12:06:28 浏览: 2535
vue-input-tag:Vue.js 2.0输入标签组件
可能是因为你没有正确绑定@change事件或者没有正确使用dict-tag标签的props。请确保以下几点:
1. 在dict-tag标签上正确绑定了@change事件,例如:
```
<dict-tag v-model="value" :dict-data="dictData" @change="handleChange"></dict-tag>
```
2. 在Vue实例中定义了handleChange方法,例如:
```
methods: {
handleChange(val) {
console.log(val);
}
}
```
3. 在dict-tag标签上正确设置了props,例如:
```
<dict-tag v-model="value" :dict-data="dictData" :show-all="true"></dict-tag>
```
如果以上步骤都正确,但是@change事件仍然没有触发,请检查控制台是否有错误提示。可能是因为dictData中的数据格式不正确导致的。请确保dictData是一个数组,每个元素都有label和value属性,例如:
```
dictData: [
{ label: '男', value: '1' },
{ label: '女', value: '2' }
]
```
阅读全文