vue element Cascader 级联选择器 选择任意一级选项,去掉单选按钮,以及单击获取label、value值
1、去掉单选按钮 可以通过修改前面圆点的样式,实现点击文字选中 修改样式代码如下
.el-cascader-panel .el-radio{
width: 100%;
height: 100%;
z-index: 10;
position: absolute;
top: 10px;
right: 10px;
}
.el-cascader-panel .el-radio__input{
visibility: hidden;
}
.el-cascader-panel .el-cascader-node__postfix{
top: 10px;
}
【vue element Cascader 级联选择器 选择任意一级选项,去掉单选按钮,以及单击获取label、value值】最后一个是针对ie修改样式,不考虑IE的话可以不加
2、element-ui 使用Cascader 级联获取label值,value值
@change="change"change(){
let pathvalue = https://www.it610.com/article/this.$refs.sysCascader.getCheckedNodes()[0];
let value = pathvalue.value;
let label= pathvalue.label;
}
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX(Vuex|VueX(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show