Vue 监听对象属性值

在项目引用了 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;
      }
    }
},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值