在使用中,发现 this.$refs['activityForm'].resetFields();经常不好使,放在简单页面中可以使用,一旦复杂就坑多多!
我的form在一个dialogue 中,界面上有2个按钮,一个是添加,一个是修改。
界面加载之后,点击添加,再点修改没问题。
先点修改,会把要修改的数据加载到弹出的对话框上。但是这个界面上的值竟然被记住了!
再点击添加框,this.$refs['activityForm'].resetFields();的执行结果,竟然是刚才的对话框上的内容,不管怎么修改,以后this.$refs['activityForm'].resetFields();的执行结果还是一样的!
后来的解决方法是
点击修改按钮,把要加载到对话框上的代码放到timer里!
OpenEditDialog: function(row)
{
if(row!=null)//如果是编辑
{
this.activity.dialogVisible=true;//显示对话框。
setTimeout(function(){
this.activity.dialogTitle="编辑活动";
this.activity.Name=row.Name;
this.activity.Code=row.Code;
this.activity.StartTime=new Date(parseInt(row.StartTime.toString().replace(")/",'').replace("/Date(",'')));
this.activity.EndTime=new Date(parseInt(row.EndTime.toString().replace(")/",'').replace("/Date(",'')));
this.activity.Id=row.Id;
this.activity.plateform_coin=[row.PlatformId,row.CoinId];
this.activity.ThirdPlatformCoinUnit=row.ThirdPlatformCoinUnit;
this.activity.TargetCoinUnit=row.TargetCoinUnit;
this.activity.validateType=row.ValidMonth>0?'month':'day';
this.activity.ValidMonth=row.ValidMonth==0?"12":row.ValidMonth;
this.activity.ValidDay=row.ValidDay==0?"365":row.ValidDay;
this.activity.Desription=row.Desription;
}.bind(this), 0);
}
else//如果是添加,全部清空
{
this.activity.dialogVisible=true;//显示对话框。
this.$refs['activityForm'].resetFields();
this.activity.ValidMonth=12;
this.activity.ValidDay=365;
this.activity.validateType='day';
}
},
这样就行了。具体原因再学习!