element table 使用＜template slot=“header“＞数据不渲染

想散在风中

已于 2025-02-08 15:37:40 修改

阅读量836

点赞数 2

CC 4.0 BY-SA版权

文章标签：前端 elementui

于 2023-06-29 17:55:50 首次发布

本文链接：https://blog.csdn.net/qq_41623635/article/details/131461546

文章讨论了在Vue.js应用中遇到的问题，即使用v-if和v-show指令的模板插槽在数据更新后未能正确渲染。解决方案是将slot属性改为#header的语法形式，以确保内容能根据数据变化更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template slot="header">
  <span v-if="iconShow" class="required">{{ $t('rdq.developQuestionInc.effectConfirmed') }}</span>
  <span v-else>{{ $t('rdq.developQuestionInc.effectConfirmed') }}</span>
</template>

<template slot="header">里使用v-if v-show指令数据更新后不渲染

将 slot="header" 改为 #header

<template #header>
  <span v-if="iconShow" class="required">{{ $t('rdq.developQuestionInc.effectConfirmed') }}</span>
  <span v-else>{{ $t('rdq.developQuestionInc.effectConfirmed') }}</span>
</template>

关注博主即可阅读全文