Vue使用Element的折叠面板Collapse设置默认全部展开

这个适用于需要for循环
负责展开的属性是value

<el-collapse :value="opened">
  
    <div>XXXXXXXXXXXXXXXXXXXXXXXXdiv>
  el-collapse-item>
el-collapse>

<script>
  export default {
    data() {
      return {
       	List:[
       		{ 
       			aaa:"123"
       		},
       		{
       			aaa:"354"
       		},
       		{
       			aaa:"asfdvg"
       		}
       	]
      };
    },
      computed: {
            opened() {
                return this.List.map((i) => {
                    return i.aaa;
                });
            }
        },
  }
</script>

Vue使用Element的折叠面板Collapse设置默认全部展开_第1张图片

你可能感兴趣的:(Vue与Element,vue)