Element-ui】【element ui】element ui 的选择器变成这样怎么解决?

2020-12-24 11:33发布

1条回答
清屿
2楼 · 2020-12-27 20:53

在使用element-ui级联选择器的过程中,发现出现 空级联 的bug

首先我们分析出现空级联原因是:由于数据是从后台传递过来的,当后端的老铁使用递归算出菜单,然后转换成json传递到前端的时候。就会出现 最底层 的子项中 的 children 为空数组,这样就会造成,空级联 的bug存在。

解决办法: 在前台js代码中,同样使用递归的方式,将最底层中的 children设为undefined

 HTML部分:

 JavaScript部分:

// 获取级联选择器数据getProductType(){// 这是从后台获取数据this.$http.get("/product/productType/tree").then(res=>{// 调用递归方法,去除级联数据后将数据赋值给级联选择器this.options=this.getTreeData(res.data);});},// 递归方法getTreeData(data){// 循环遍历json数据for(var i=0;i

解决后的效果图:


相关问题推荐

  • 回答 4

    修改中间横向滚动条的左右边距,或者浮层在左右两列之上。

  • 回答 2

    直接给你上代码!!!标签代码 data初始化‘activeName’的值data() {    return {       activeName: '0',    } }用watch监听‘activeName’的变化,从而响应不同的事件watch : {    'activeName':function(val)...

  • 回答 1

    弄错了,这个是ElementUI的级联选择器获取值,没有财富值了!删不了!selectedOptions里就是你要的值内,页面初始化的时候要容定义!是个数组!

  • 回答 1

    按需加载其实就是懒加载,可以在props中调用如下回调函数即可.cascaderLazyLoad(node, resolve) {    const { level } = node;   //获取层级    const { children } = node;    //花括号写法 表示直接取到对象里的某个属性   ...

  • 回答 2

    如果有学习的打算肯定是越早学习越好,等学完课程疫情基本好转了,再找UI设计方向工作也来得及,一般学习课程还是报培训班学习效率更高些,因为学的完整,有课程体系,不懂的问题老师能及时讲解。如果自学的话容易陷入误区,学的不连贯,学习的周期也会加长。...

  • 回答 2

    一是看市场需求,二是看行业发展,目前U设计就业需求量是比较大的,还有发展前景也是非常广阔,有互联网的地方就有UI设计师。比如在北京、上海、广州、杭州、深圳这些一线城市,只要你技术足够好是非常容易找到工作,而且薪资待遇也是比较高。...

  • 回答 1
    已采纳

    web项目有内置的html、js、css语法库App项目有内置的plus扩展语法库uni-app项目有内置的uni-app语法库微信小程序、快应用等项目也有对应的内置语法库

没有解决我的问题,去提问