案例：表单中的某一个<el-input v-model="formdata.pwd">,在后端获取详情后，此项输入无效。检查原因如下：
首先，获取详情中没有pwd字段，所以formdata获取之后又单独写了this.formdata.pwd = '123'
自信查看错误后发现，@input事件输入是有值的，打印formdata.pwd也是有值的。于是定位原因是视图为更新。
定位错误原因后，忽然发现formdata初始化是空对象，所以pwd字段是相当于后面新添的数据项，vue视图是监测不到更新的。
解决办法：
1.最简单的办法：先重新构建获取详情后的对象，将pwd加入其中。然后直接赋值给formdata，这样相当于修改formdata，是可以检测到视图更新的
2.或者在el-input中添加@input事件，并强制更新视图
案例：表单中的某一个
一、表单输入绑定 使用v-model(双向数据绑定)自动收集数据text/textareacheckboxradi...
vue入门4---表单输入的绑定、Vue实例生命周期
表单输入绑定- v-model 基础语法 v-model指令在表单 、 、 元素上创建双向数据绑定。根据控件类型自...
关于双向数据绑定 Vue 还提供了 v-model 指令，它能轻松实现表单输入和应用状态之间的双向绑定。 v-mo...
{{}}是单向的数据绑定(只能输出，不能输入)，v-model是双向的数据绑定，即可以输入也可以输出。 v-mod...
一、双向数据绑定 v-model指令可以实现数据的双向绑定，也就是说如果input标签添加v-model指令后，在...
1. 表单输入绑定 v-model指令在表单input、textarea、selelct元素上创建双向数据绑定。v...
本文标题：关于el-input获取v-model绑定的数据后输入无效
本文链接：https://www.haomeiwen.com/subject/cxegultx.html
网友评论