vue v-model动态生成
时间: 2023-03-23 12:01:44 浏览: 404
vue v-model动态生成详解
对于vue中v-model的动态生成,可以通过使用计算属性来实现。首先,在data中定义一个变量,用于存储动态生成的v-model所绑定的属性值,例如:
```
data() {
return {
dynamicModel: ''
}
}
```
然后,在模板中通过计算属性来动态生成v-model所绑定的属性,例如:
```
<template>
<div>
<input :value="dynamicModel" @input="dynamicModel = $event.target.value">
<div>{{ dynamicModel }}</div>
</div>
</template>
<script>
export default {
computed: {
model: {
get() {
return this.dynamicModel
},
set(value) {
this.dynamicModel = value
}
}
}
}
</script>
```
这样就可以通过计算属性动态生成v-model所绑定的属性值,并且双向绑定数据。
阅读全文