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的不一樣而已,這樣選擇主賬號後對應的手機號也會跟着改變

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章