其他分享
首页 > 其他分享> > element ui el-collapse默认展开

element ui el-collapse默认展开

作者:互联网

这个文档讲的确实可以说根本就没有说
每个el-collapse-item都可以设置一个name
将el-collapse 的v-model绑定之设置成和el-collapse-item的name值
那么这个name的el-collapse-item就会默认展开
演示代码如下

<template>
	 <el-collapse v-model="activeName" accordion>
	   <el-collapse-item title="默认展开" :name="1">
	            <div>我将会被默认展开</div>
       </el-collapse-item>
       <el-collapse-item title="默认不展开" :name="2">
	            <div>默认不展开</div>
       </el-collapse-item>
    </el-collapse>
</template>

<script>
export default {
     data(){
        return {
            activeName:1
        }
    }
}
</script>

<style scoped>

</style>

标签:el,collapse,默认,element,item,展开,name
来源: https://blog.csdn.net/weixin_45966674/article/details/123133922