Element Plus折叠面板怎么默认展开多个面板？
我用Element Plus的Collapse组件，想让页面加载时默认展开多个面板，但文档里只看到activeNames可以设一个字符串或数组，我试了传数组进去却没生效，控制台也没报错。
我的代码是这样写的：
<el-collapse v-model="activeNames">
<el-collapse-item title="面板1" name="1">内容1</el-collapse-item>
<el-collapse-item title="面板2" name="2">内容2</el-collapse-item>
</el-collapse>在data里初始化：activeNames: ['1', '2']，但页面打开后两个都没展开，这是为啥？
- 1
回答
18浏览
Element Plus时间线怎么自定义节点图标？
我用Element Plus的Timeline组件，想把默认的圆点换成自定义图标，但文档里没看懂怎么弄。试了在el-timeline-item里加icon属性，结果根本没生效，控制台也没报错，就是显示...
- 1
回答
4浏览
Element Plus的Avatar头像不显示图片是怎么回事？
我在用Element Plus的Avatar组件时，传了图片地址但头像一直显示默认占位符，没报错也没加载图片。我试过直接写死URL和用变量绑定，都不行。 代码是这样写的： <el-avatar ...
- 1
回答
1浏览
Element Plus骨架屏怎么动态控制显示和隐藏？
我用Element Plus的Skeleton做加载占位，但不知道怎么在数据加载完后自动隐藏它。试了v-if绑定loading状态，但骨架屏一闪就没了，体验不好。 这是我的代码： <templa...
- 1
回答
18浏览
Element Plus 的 Statistic 组件怎么自定义前缀和后缀样式？
我用 Element Plus 的 Statistic 组件展示数据，但默认的前缀（比如“¥”）和后缀（比如“元”）样式太小了，想改大一点，试了加 class 好像没生效？ 我在文档里看到有 pref...
- 1
回答
15浏览
Element Plus 图标不显示怎么办？
我在 Vue3 项目里装了 Element Plus，想用图标但一直显示空白。按照文档引入了 import { Edit } from '@element-plus/icons-vue'，也在组件里注...
- 1
回答
24浏览
Element Plus Dialog动态标题不更新怎么办？
我在用Element Plus的Dialog组件时遇到个怪问题，想动态修改标题文本却没反应。比如点击按钮弹窗时传入不同的标题，但实际显示一直是初始值。代码检查了好几遍没问题： <template...
- 1
回答
51浏览
Element Plus的Carousel指示器不显示，怎么排查？
用Element Plus的Carousel组件做图片轮播时，底部的指示器突然不显示了。按照文档配置了indicator属性，也试过手动添加CSS设置颜色和尺寸，但就是看不到小圆点。 试过把指示器容器...
- 1
回答
34浏览
Element Plus主题变量配置后颜色没变化怎么办？
最近在给Vue3项目用Element Plus，按照文档配置了主题变量，改了$--color-primary的值，但按钮颜色完全没变，这是哪里出问题了？ 我照着官网步骤新建了element-varia...
- 2
回答
72浏览
Element Plus的Skeleton组件怎么设置自适应高度？
在用Element Plus的Skeleton做列表加载效果时，发现固定高度设置后内容区域高度不随真实内容变化，导致真实内容显示时布局错乱。比如设置了height="80px"，但实际图片和文字加载后...
- 2
回答
37浏览
Element Plus穿梭框数据怎么总是不同步？
用Element Plus的Transfer组件做数据迁移时，选中的项在左右切换后数据没及时更新，页面显示和实际数据不一致。试过用v-model绑定数据数组，但点击按钮后数据还是没变化。 代码结构大概...
v-model的值，但没生效通常只有两个原因：要么是数据类型没对上，要么是误开启了手风琴模式。我们得从原理上看看它是怎么判断展开的。组件内部会遍历你的
activeNames数组，然后拿每一项去跟el-collapse-item的name属性做对比。这里用的是全等比较（===），也就是说，类型必须完全一致。HTML 属性
name="1"拿到的是字符串'1'，所以你在data里初始化数组时，必须是['1', '2']。如果你不小心写成了[1, 2]（数字），或者['1', 2]（混合），匹配就会失败，面板自然就不会展开。你描述里写的是['1', '2']，这点是对的，但很多人容易在这个细节上栽跟头。另外一个很隐蔽的坑是
accordion属性。你去检查一下你的accordion。一旦加了这个属性，组件就变成了手风琴模式，这就意味着同一时间只能展开一个面板。在这种模式下，v-model绑定的值类型必须是字符串，而不是数组。如果你传了数组给手风琴模式的组件，它大概率会直接忽略掉，导致一个都展不开。既然你用的是 Element Plus（Vue 3 版本），我给你写一份完整的 Options API 示例代码，你可以直接对比一下你的写法。这里我特意把数据类型和属性都标注清楚了。
如果上面的代码你还是没跑通，还有个极小的可能性是响应式丢失。虽然你在
data里声明通常没问题，但如果你后续操作数组时用了直接下标赋值或者改变长度，Vue 3 可能检测不到。不过在初始化阶段，只要类型对上，是肯定能展开的。你可以先把你代码里的
accordion属性删了试试，如果有的话；然后确认一下activeNames数组里的元素是不是纯字符串。只要这两点没问题，页面一刷新肯定能看到两个面板同时展开。