解决Vue中文本输入框v-model双向绑定后数据不显示的问题

时间：2020-05-05 15:23:37 收藏：0 阅读：1222

前言

项目中遇到一个问题就是在Vue中双向绑定对象属性时，手动赋值属性后输入框的数据不实时更新的问题。

<FormItem label="地址" prop="eventAddress">
          <Input v-model="task.eventAddress" :placeholder="L(‘地址‘)"></Input>
 </FormItem>

解决办法：使用$set(object,"prop",value)方法对属性重新设置一遍就显示了，具体代码如下：

this.$set(this.task,"eventAddress",this.task.eventAddress);

原文：https://www.cnblogs.com/jaciots/p/12830350.html