记录element-ui级联选择器,二级三级列表无法显示的解决办法
生活随笔
收集整理的這篇文章主要介紹了
记录element-ui级联选择器,二级三级列表无法显示的解决办法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!-- 選擇商品分類的級(jí)聯(lián)選擇框 --><el-cascader expand-trigger="hover" :options="catelist" :props="cateProps" v-model="selectedCateKeys" @change="handleChange"></el-cascader>
cateProps: {value: 'cat_id',label: 'cat_name',children: 'children',},
這樣的一個(gè)級(jí)聯(lián)選擇器,單這樣會(huì)無法顯示二級(jí)三級(jí)列表
需要在全局樣式global.css中給級(jí)聯(lián)選擇器加上一個(gè)高度
這樣就解決了,級(jí)聯(lián)選擇器三級(jí)列表便可正常顯示
算是新版element-ui的一個(gè)小bug
總結(jié)
以上是生活随笔為你收集整理的记录element-ui级联选择器,二级三级列表无法显示的解决办法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 记录,再次运行vue项目报错POST h
- 下一篇: 前端经典案例——购物车,Jquery实现