vue中使用elementUI 的级联选择器el-cascader实现动态加载

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中使用elementUI 的级联选择器el-cascader实现动态加载相关的知识,希望对你有一定的参考价值。

参考技术A 地点选择功能,省市区选择动态加载下一级。
引入elementUI省略,自行查看文档。
html部分

js部分

elementUI的级联选择器Cascader 高度不匹配问题高度溢出错误

elementUI新版本的bug

技术图片

 

 

在全局global.css添加

.el-cascader-menu { height: 300px; }

解决之后

技术图片

 

以上是关于vue中使用elementUI 的级联选择器el-cascader实现动态加载的主要内容,如果未能解决你的问题,请参考以下文章

elementUI的级联选择器Cascader 高度不匹配问题高度溢出错误

怎么获取cascader级联选择器的值

Vue+ElementUI Cascader级联选择器 省市区编辑回显(通过CodeToText,TextToCode辅助)

[element-ui]为啥我的级联选择器不能滚动,而是全部显示出来了

Element-UI级联选择器el-cascader报错Cannot read property level of null

elementui日期选择器只选择月份后如何监听