uni-app的v-model绑定的对象,但是输入框要展示对象birthday:{day:'',month:'',year:'',}内部拼接的数据,怎么实现
时间: 2023-12-25 17:04:16 浏览: 149
uni-app:从运行原理上面解决性能优化问题
你可以使用计算属性来实现这个需求。计算属性可以根据绑定的对象中的数据,计算出需要展示的数据并返回给输入框展示。
首先,在你的组件中,定义一个计算属性,用来返回拼接后的日期字符串。代码如下:
```javascript
computed: {
birthdayStr() {
return `${this.birthday.year}-${this.birthday.month}-${this.birthday.day}`
}
}
```
然后,在模板中,将输入框的 `v-model` 绑定到 `birthdayStr` 计算属性上即可。代码如下:
```html
<template>
<div>
<input v-model="birthdayStr" />
</div>
</template>
```
这样,当你在输入框中输入日期时,`v-model` 绑定的是 `birthdayStr` 计算属性,但实际上,计算属性的值是根据 `birthday` 对象中的数据拼接出来的日期字符串。
阅读全文