<el-collapse v-model="activeNames"@change="handleChange"> <el-collapse-item name="1"> {{ collapseTitle }} </el-collapse-item> </el-collapse> 1 2 3 4 5 data() { return{ collapseTitle:"查看更多", } } 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23...
自己写css覆盖
<el-collapse v-model="activeNames"@change="handleChange"> <el-collapse-item name="1"> {{ collapseTitle }} </el-collapse-item> </el-collapse> 1 2 3 4 5 data() { return{ collapseTitle:"查看更多", } } 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23...
<el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item name="1"> {{ collapseTitle }} </el-collapse-item> </el-collapse> 1. 2. 3. 4. 5. data() { return { collapseTitle: "查看更多", } } 1. 2. 3. 4. 5. // 使得标题与箭头位于中间 .collapse-title ...
// 原来是向右侧方向的箭头 // 点击后方向 /deep/ .el-collapse-item__arrow.is-active { transform: rotate(-90deg); } // 默认方向 /deep/ .el-collapse-item__arrow, .el-tabs__nav { transform: rotate(90deg); } 1. 2. 3.