给动态生成表单添加默认值并清除

typescript 根据后台数据库配置生成的表单,添加默认值并设置clearable

定义表单内数据时,列举上要改变的字段,(其他不改变的字段可以不定义),否则Vue找不到绑定的属性,clearable不生效。

  public searchForm:any={
    status:'',
    person:''
  };

在created阶段向后台请求searchForm数据;请求到以后对表单进行加载;
mounted阶段通过获取store中的用户将其放到searchForm中,页面数据再次变化,这时searchForm就跟着变化,表单响应字段就会有默认值;

  mounted(): void {
    this.searchForm['status'] = 1;
    this.searchForm['person']= UserModule.userName
    }

你可能感兴趣的:(给动态生成表单添加默认值并清除)