美文网首页
Vue-Element之form表单重置

Vue-Element之form表单重置

作者: 晔子与Bug的战斗史 | 来源:发表于2017-10-06 14:43 被阅读0次

正确写法

this.formData =
{
  channelId: 0,
  apple:0,
  bizTypeId: 0,
  createTime: '',
};
if(!this.isManager){
  this.formData.apple=this.apple;
}

将完整的对象赋值给目标变量,而后再依据条件修改属性值
先定义对象,后给对象添加属性会导致对象的属性读取不到,这是vue天生的bug
如下是错误的写法

this.formData =
{
  channelId: 0,
  bizTypeId: 0,
  createTime: '',
};
if(!this.isManager){
  this.formData.apple=this.apple;
}else{
  this.formData.apple=0;
}
//页面上绑定apple的元素可能读取不到变量的值

相关文章

网友评论

      本文标题:Vue-Element之form表单重置

      本文链接:https://www.haomeiwen.com/subject/hazlyxtx.html