input框v-model怎么绑定两个值
时间: 2023-07-04 08:30:24 浏览: 115
可以使用`computed`属性来实现绑定两个值,具体步骤如下:
1. 在`data`中定义两个变量`value1`和`value2`,并初始化为默认值;
2. 在`computed`中定义一个计算属性`value`,并返回一个对象,包含`value1`和`value2`两个属性;
3. 在`<input>`标签中使用`v-model`指令绑定`value`计算属性。
示例代码如下:
```
<template>
<div>
<input v-model="value.value1" />
<input v-model="value.value2" />
</div>
</template>
<script>
export default {
data() {
return {
value1: '',
value2: ''
}
},
computed: {
value: {
get() {
return {
value1: this.value1,
value2: this.value2
}
},
set(newValue) {
this.value1 = newValue.value1
this.value2 = newValue.value2
}
}
}
}
</script>
```
通过以上代码,我们就可以绑定两个值了。当用户在输入框中输入内容时,`value1`和`value2`的值会同步更新,反之亦然。
阅读全文