vue+elementUI级联选择器使用

YIZHILANGOU_

已于 2022-10-20 19:36:29 修改

阅读量492

点赞数

分类专栏：解决方案文章标签： vue.js elementui javascript

于 2022-10-20 19:36:02 首次发布

本文链接：https://blog.csdn.net/weixin_46087854/article/details/127433167

版权

7 篇文章 0 订阅

订阅专栏

首先,后端给前端返回的是对象形式:
在这里插入图片描述
官方文档中的实例都是特定数组,这里只需要将对象写进:options,然后在指定:props属性中的id和value就可以了:

<!-- 级联选择器  注意,这里需要设置的属性"props"都放在data中了-->
<el-cascader ref="cascader" 
   :options="subjectOneList" 
   :props="props" clearable />

:props中指定的属性如下:对应更多属性可以看官方文档

props: {
        expandTrigger: 'hover',
        value: 'id',
        label: 'title',
      }

效果图如下:
在这里插入图片描述

关注

专栏目录