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

前言

项目中遇到一个问题就是在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