Element plus 部分组件组件数据更新，页面没有更新

最新推荐文章于 2024-07-17 15:31:13 发布

早上不想起_

最新推荐文章于 2024-07-17 15:31:13 发布

阅读量1k

点赞数 2

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_43371595/article/details/123572817

版权

在使用Vue进行前端开发时，遇到一个关于Tabs标签页不响应后台数据的问题。尝试了$nextTick、$forceUpdate等方法均未奏效。最终通过给组件添加v-if来解决，当数据更新后切换显示，使得组件重新渲染。这种方法虽然有效，但寻求更优雅的解决方案。

摘要由CSDN通过智能技术生成

最近用到了Tabs 标签页

 <el-tabs
      ref="tabs"
      v-model="data.activeName"
      type="card"
      class="demo-tabs"
      @tab-click="checkTab"
    >
      <el-tab-pane v-for="item in statusList" :key="item.value" :name="item.value">
        <template #label>{{ item.label }} {{ item.num ? '(' + item.num + ')' : '' }}</template>
      </el-tab-pane>
    </el-tabs>

label里面会有一些后台维护的数据过来，发现页面并没有改变，也试了挺多办法$nextTick、$forceUpdate()、this.$refs.tabs.$refs.nav.$forceUpdate()、重新赋值啊等等。。然并卵