标签:__ el 级联 单选 按钮 cascader 下拉框 panel
一、elementui的级联下拉列表默认只能选择最末端的那个,如果需要点击哪个就可以选择哪个,需要做如下设置: 解决方法:在props属性增加{checkStrictly: true <el-cascader :props="{ checkStrictly: true, }" ></el-cascader> 二、这样设置后又会出来1个问题级联下拉框设置可选择任意一级选项时前面会出现1个小圆圈以及选好后下拉面板不自动收起。 去掉单选框解决方法:在全局css文件中添加如下代码: .el-cascader-panel .el-radio { width: 100%; height: 100%; z-index: 10; position: absolute; top: 0px; right: 10px; }.el-cascader-node__label { width: 157px; }
.el-cascader-panel .el-radio__input { visibility: hidden; }
.el-cascader-panel .el-cascader-node__postfix { top: 10px; } 修改前:
修改后: 选好后下拉自动收到解决方法: 1,先给el-cascader 一个change事件 <el-cascader @change="cascaderSelectChange" ref="cascaderRef"></el-cascader> 2,change事件函数: cascaderSelectChange() { // 自动收到下拉框 this.$refs.cascaderRef.dropDownVisible = false }, 最坑的是官网文档根本没提到dropDownVisible 这个属性,网上找资料找半天,心累。。。。
标签:__,el,级联,单选,按钮,cascader,下拉框,panel 来源: https://www.cnblogs.com/JeffreyZhu/p/15806989.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。