如何在Vue.js和ElementUI框架中获取Collapse组件最后选中的值

1、问题描述

      在Vue.js + ElementUI组合框架搭建的项目中，如果要使用Collapse组件，获取对应最后选中项目的值，该如何实现呢？首先，需要判断点击了多个，Collapse组件返回值是什么形式的；然后，根据具体的值，对结果进行处理；最后，获取最后选中的项目值。

 

2、实现源码

2.1 组件

AccordComponents.vue

2.2 引入组件

3 实现效果

3.1 页面效果

页面效果

3.2 点击效果

点击效果

3.3 打印结果

打印结果

4 改进代码

5 改进效果

5.1 页面效果

页面效果

5.2 打印结果

打印结果

6 设置默认值

7 修复代码

如果el-collapse添加属性accordion，就不能像上面那样取值了，直接在change事件中取val就行