解决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);

 

 

posted @ 2020-05-05 13:04  Jaciot  阅读(19641)  评论(1编辑  收藏  举报