正文

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

IP云
IP云V管理员/7 阅读
06/26
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

前言

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