1組件

<el-form-item label="所屬部門" :label-width="formLabelWidth"><select-form @change="DepartmentList" v-model="form.department_id" /></el-form-item><!-- <el-form-item prop="business_module" label="所屬欄目" :label-width="formLabelWidth">&lt;!&ndash;注意用戶的返回值&ndash;&gt;<el-select v-model="form.business_module" placeholder="請選擇所屬欄目" multiple><el-option @click="resetLoginFrom" v-for="label in business_module" :label="label" :value="label"></el-option></el-select></el-form-item>--><!--7column--><el-form-item prop="column" label="所屬單元" :label-width="formLabelWidth"><!--注意用戶的返回值--><el-select @change="updateFun" v-model="form.column" placeholder="請選擇所屬欄目" multiple><el-option v-for="column in columns" :label="column" :value="column"></el-option></el-select></el-form-item>

2加方法

methods: {updateFun(){this.$forceUpdate();},/*封裝網(wǎng)絡(luò)請求 該數(shù)據(jù)為所屬單元和所屬項(xiàng)目*/DepartmentList(val) {/*取到val的數(shù)值*/this.form.column=''getAction("/department/attribute/"+val).then(res => {//回顯數(shù)據(jù)/*this.business_module = res.data.business_module;*/console.log(res.data)this.columns = res.data.column;});},

運(yùn)行結(jié)果

總結(jié)

以上是生活随笔為你收集整理的工作186：实际案例解决vue+el-element二级联动，选项选择后不显示的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。