当前位置: 首页 > 工具软件 > v-modal > 使用案例 >

v-decorator 和 v-model 的使用区别

彭弘方
2023-12-01

简单来说他们都是绑定key和value

v-decorator 是 Ant Design 的控件验证属性。(包含数据绑定的能力,使用它的时候v-model会失效,所以两者尽量不要同时使用)

v-model 是数据绑定

使用的方式不一样,可以参照下面的代码

1


            <a-form-item label="大区">
              <a-select v-model="queryParam.largeArea" placeholder="请选择" :allowClear="true">
                <a-select-option v-for="item in largeAreaLsit" :value="item">{
  {item}}</a-select-option>
              </a-select>
            </a-form-item>

2


            <a-form-item label="审核状态">
              <a-select v-decorator="['auditStatus',  { initialValue: queryParam.auditStatus||'' } ,'未审核']"
                placeholder="请选择" :allowClear="true">
                <a-select-option value
 类似资料: