本文主要是介绍vue+elementUI下拉框联动显示,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
<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+elementUI下拉框联动显示的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!