1、问题：在element-plus的tabs栏里切换位置，但是数据更新后视图不更新，删除和新增是可以更新的
如下例子
<script setup >
let tabs = reactive(['first', 'second', 'third', 'fourth'])
let activeName = ref('first')
const handleClick = (tab, event) => {
tabs.reverse()
console.log(tabs)
}
</script>
<template>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane v-for="item in tabs" :key="item" :label="item" :name="item">
</el-tab-pane>
</el-tabs>
</template>
2、解决：去掉:key=“item”就行了
<script setup >
let tabs = reactive(['first', 'second', 'third', 'fourth'])
let activeName = ref('first')
const handleClick = (tab, event) => {
tabs.reverse()
console.log(tabs)
}
</script>
<template>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane v-for="item in tabs" :label="item" :name="item">
</el-tab-pane>
</el-tabs>
</template>
标签：tabs,视图,element,plus,更新,let,first
From： https://www.cnblogs.com/lovewhatIlove/p/17207521.html