vue2 动态校验表单validata生效的方法

最新推荐文章于 2024-05-22 15:45:16 发布

~Lydia~

最新推荐文章于 2024-05-22 15:45:16 发布

阅读量154

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_36989551/article/details/133104506

版权

文章描述了一个在IT开发中关于表单组件的实现，特别是使用Vue的组件来处理事故/巨灾代码的选择，包括其disabled属性和v-model绑定。

摘要由CSDN通过智能技术生成

就记录个重要的写法。注意那个key的值。简介有效。

            <a-col :span="8">
              <a-form-model-item label="事故/巨灾代码" prop="CCataCde" key="1" ref='CCataCde' v-if="formNewAccident.CLossType=='2'">
                <a-select
                  :disabled="isNewData"
                  v-model="formNewAccident.CCataCde"
                  placeholder="请选择"
                  @change="setCataCnm"
                >
                  <a-select-option v-for="item in JuZaiList" :key="item.CCataCde" :value="item.CCataCde"
                    >{{ item.CCataCde }}
                  </a-select-option>
                </a-select>
              </a-form-model-item>
              <a-form-model-item label="事故/巨灾代码" key="2" ref='CCataCde' v-else>
                <a-select
                  :disabled="isNewData"
                  v-model="formNewAccident.CCataCde"
                  placeholder="请选择"
                  @change="setCataCnm"
                >
                  <a-select-option v-for="item in JuZaiList" :key="item.CCataCde" :value="item.CCataCde"
                    >{{ item.CCataCde }}
                  </a-select-option>
                </a-select>
              </a-form-model-item>
            </a-col>