vue+elementUI下拉框联动显示

<el-row><el-col :span="12"><el-form-item label="主账号:" prop="partyAccountId" :rules="[ { required: true, message: '主账号不能为空'}]">...

过去式的美好

5996人浏览 · 2019-03-19 17:14:57

过去式的美好 · 2019-03-19 17:14:57 发布

			<el-row>
                <el-col :span="12">
                  <el-form-item label="主账号:" prop="partyAccountId" :rules="[ { required: true, message: '主账号不能为空'}]">
                    <el-select v-model="detailForm.partyAccountId" filterable placeholder="请选择" :disabled="disabled">
                      <el-option v-for="item in partyAccount" :key="item.id" :label="item.nbr" :value="item.id"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="手机号:">
                    <el-select v-model="detailForm.partyAccountId" filterable placeholder="请选择" :disabled="true">
                      <el-option v-for="item in partyAccount" :key="item.id" :label="item.name" :value="item.id" :disabled="item.disabled"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>

其他绑定的值都一样，只有 :label的不一样而已，这样选择主账号后对应的手机号也会跟着改变

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^