在项目引用了 Vant UI 的 Popover组件,该组件规定弹出菜单的名称为 text,但我在后台得到的数据是 name,如果是一次性的话可以在获取数据后直接赋值,但是后期需要根据输入框的变化动态调整 Popover 组件菜单项的名字,所以才想到去绑定对象的属性值,一开始想到的是如何去监听 watch,其实计算属性完全可以实现。
<van-form @submit="onSubmit">
<van-field
v-model="menuName"
name="菜单名称"
label="菜单名称"
placeholder="菜单名称"
/>
</van-form>
computed: {
menuName: {
get() { return this.activeMenu.name },
set(newVal) {
this.activeMenu.name = newVal;
this.activeMenu.text = newVal;
}
}
},