elementui中表单赋值无法响应式

elementui中表单赋值无法响应式

一、背景

表单el-form-item中的v-model初始化复制,然后在页面输入框修改值时候,修改不了

二、项目代码

 <el-form-item label="企业编号:">
       <el-input
              placeholder="请输入企业编号"
              v-model="productForm.spCode"
          ></el-input>
 </el-form-item>

想让初始化时候,企业编号为上一个页面传过来的动态值,再修改时候也可以修改

created(){
    
    
//错误的赋值(失去响应效果)
this.productForm.spCode=this.$route.query.spCode
//正确的赋值
  this.$set(this.productForm, 'spCode', this.$route.query.spCode)
}

链接: https://blog.csdn.net/YoungtiNine/article/details/108021023.

猜你喜欢

转载自blog.csdn.net/MISS_zhang_0110/article/details/121558262