解决Vue中表单输入框v-model双向绑定后数据不显示的问题
解决Vue中表单输入框v-model双向绑定后数据不显示的问题
·
项目中遇到一个问题就是在Vue中双向绑定对象属性时,手动赋值属性后输入框的数据不实时更新的问题。
<Col span="12">
<FormItem label="版本号">
<Input
readonly
v-model="projectDetalForm.programmeVersion"
placeholder="系统自动生成"
/>
</FormItem>
</Col>
解决办法:使用$set(object,"prop",value)方法对属性重新设置一遍就显示了,具体代码如下:
this.$set(this.projectDetalForm,"programmeVersion",result.data);
更多推荐
已为社区贡献2条内容
所有评论(0)