v-model绑定的是数组对象
时间: 2023-11-24 14:50:34 浏览: 106
如果你的 v-model 绑定的是数组对象,你可以在计算属性中遍历数组对象,并对其中的数值进行格式化。以下是一个示例代码:
```html
<template>
<el-input v-for="(item, index) in inputValueFormat" :key="index" v-model="item.value"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: [
{ value: 0 },
{ value: 0 }
]
};
},
computed: {
inputValueFormat() {
return this.inputValue.map(item => {
return {
value: item.value.toFixed(2)
};
});
}
}
};
</script>
```
在上面的代码中,我们使用计算属性 `inputValueFormat` 来遍历 `inputValue` 数组对象,并将其中的每个数值格式化为两位小数。然后,我们在 el-input 中使用 `v-for` 指令来循环渲染每个输入框,并将格式化后的值绑定到 `item.value` 属性上。
这样,当用户输入数值时,它将被格式化为两位小数,并且在 el-input 中显示。
阅读全文