美文网首页
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