const onModelValueChangeByKey = (key: string) => (...value: unknown[]) => { emit('field:change', key, ...value) } 改成vue2 methods的写法
时间: 2024-03-13 18:44:40 浏览: 155
在 Vue2 中,你可以将 `onModelValueChangeByKey` 方法作为组件的一个方法,如下所示:
```
methods: {
onModelValueChangeByKey(key) {
return function(...value) {
this.$emit('field:change', key, ...value);
}
}
}
```
然后在组件中使用它时,可以这样调用:
```
<input type="text" v-model="name" @change="onModelValueChangeByKey('name')">
```
其中,`onModelValueChangeByKey('name')` 返回一个函数,该函数接受一个或多个参数,并将 `field:change` 事件与 `key` 和 `value` 数据一起发出。`@change` 监听器调用此函数并传递正确的 `key` 值。
阅读全文
相关推荐
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)