工作186：实际案例解决vue+el-element二级联动，选项选择后不显示的问题

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();},/*封装网络请求 该数据为所属单元和所属项目*/DepartmentList(val) {/*取到val的数值*/this.form.column=''getAction("/department/attribute/"+val).then(res => {//回显数据/*this.business_module = res.data.business_module;*/console.log(res.data)this.columns = res.data.column;});},

运行结果

工作186：实际案例解决vue+el-element二级联动，选项选择后不显示的问题相关推荐

工作185：解决vue+el-element二级联动，选项选择后不显示的问题
一.问题描述 vue的二级联动可以采用v-if的方式去实现,也就是在第一级选项的值发生变化后,清空第二级选项所关联的model的值,并将第二级选项所取的变量数组变更.会产生的问题是,第二级选项的值有时 ...
SQLServer乱码问题的分析及解决方法（中文字符被存入数据库后，显示为乱码）
SQLServer乱码问题的分析及解决方法(中文字符被存入数据库后,显示为乱码) 参考文章: (1)SQLServer乱码问题的分析及解决方法(中文字符被存入数据库后,显示为乱码) (2)https: ...
Vue select的使用以及select设置默认选中，element select联动不能选择问题
Vue中select下拉框的默认选中项的三种情况_vue option默认选择_July++的博客-CSDN博客 vue中select的使用以及select设置默认选中_燕山八音的博客-CSDN博客 ...
vue中使用pdf.js插件打包后不显示插件及打包后动态修改接口地址
最近写了一个项目需要在线展示pdf 实现方法是下载该插件并解压放到 static文件夹中地址:http://mozilla.github.io/pdf.js/ 我在项目中使用iframe嵌套的方式 ...
vue实现省市区三级联动地址选择
导航利用select下拉框实现 CV通道省市区三级json 凑字数之前由于产品需求,自己去实现了省市区三级联动的选择,但是总感觉有所欠缺,后来花了一点时间整理,特此分享下我的思路,望大佬们指教. ...
如何用vue做一个二级联动
如何做一个像这样二级联动的目录? 先来说说重点和思路:重点在于router-view的使用以及vue-router的配置,思路是两层children的嵌套. 下面开始实现功能. 翻开我们的vue工程的 ...
解决vue项目在ie和360兼容模式下显示空白页问题
艰难路程记一次bug解决,项目不复杂,是一个基于vue-cli3搭建的pc端项目,之前开发都是在谷歌浏览器上运行的,但在开发进入到后半段,经理说,项目需要在360兼容模式下展示,这时候发现项目在36 ...
vue使用element日期选择器，选择日期少一天的问题
添加属性value-format="yyyy-MM-dd"即可
vue实现省市区三级联动地址选择组件
昨天收到一个新的需求,需要选择地址,因此就要做一个省市区三级联动的组件来使用,在网上找了一些资源,然后进行了尝试,没想到就这么成功了!要记录一下方便后续使用. 效果如下: 下面就记录一下代码叭! 一 ...

工作186：实际案例解决vue+el-element二级联动，选项选择后不显示的问题

工作186：实际案例解决vue+el-element二级联动，选项选择后不显示的问题相关推荐

最新文章

热门文章