el-collapse-item的ref的$el为什么会倒叙
时间: 2024-05-27 13:08:17 浏览: 45
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
`el-collapse-item`组件的 `ref` 属性所获取到的 `$el` 属性是该组件的 DOM 元素,和它在 DOM 树中的位置有关。而在 Vue 中,组件的渲染顺序是根据其在父组件中的位置来决定的。因此,如果你在父组件中使用了多个 `el-collapse-item` 组件,并且它们的顺序是倒序的,那么它们在 DOM 树中的顺序也是倒序的,这就导致了它们的 `ref` 属性所获取到的 `$el` 属性顺序也是倒序的。如果你想要保证 `$el` 属性的顺序和在父组件中的顺序一致,你可以使用 `v-for` 指令来动态渲染 `el-collapse-item` 组件并指定一个唯一的 `key` 值来保证渲染顺序的一致性。
阅读全文