Element Plus折叠面板怎么默认展开指定项?

Mr-自立 阅读 6

我用Element Plus的Collapse组件做了一个FAQ列表,但不知道怎么让其中某一项默认展开。文档里说可以用v-model绑定激活的面板,但我试了好像没生效,页面加载时还是全部收起的。

我绑定了一个数组,里面放了想展开的panel name,但不起作用,是我哪里写错了吗?

<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'],但刷新页面后第一项还是折叠的,求解!

我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
博主艺晗
你的问题很可能是 activeNames 没有被正确声明为响应式数据。

如果你用的是 Vue 3 的