当前位置: 首页 > news >正文

nuxt中引入element-ui组件控制台报错问题

在使用element-ui组件的外层加一层

<client-only placeholder="Loading...">
    <van-button type="primary">主要按钮</van-button>
</client-only>

实际使用:

  <div class="tab">
    <client-only placeholder="">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="测试" name="first"></el-tab-pane>
        <el-tab-pane label="训练" name="second"></el-tab-pane>
      </el-tabs>
    </client-only>
  </div>

参考文章:控制台报错 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content.-CSDN博客

http://www.dtcms.com/a/16871.html

相关文章:

  • 对openharmony HDF驱动框架的C/S设计模式和单例类的说明
  • 【设计模式】-工厂模式(简单工厂、工厂方法、抽象工厂)
  • flask和django的对比
  • ECCV2022 | LGV | LGV:利用大几何邻域提升对抗样本的可迁移性
  • Vue2组件通信
  • 工作流改造:从一到千
  • 网络安全用centos干嘛 网络安全需要学linux吗
  • DBSCAN 基于密度的空间带噪聚类法
  • LM Studio纯CPU运行大模型不如ollama效率高
  • jenkins服务启动-排错
  • 数组_二分查找
  • Android-构建问题记录
  • Java版PDF拼接
  • 配查查:解锁商业奥秘,赋能智慧决策
  • OpenEuler学习笔记(三十二):在OpenEuler上搭建项目管理平台
  • django静态文件配置
  • Neo4j OGM学习和体验
  • Linux中安装open-webui报sqlite版本低的解决办法
  • 【React组件通讯双重视角】函数式 vs 类式开发指南
  • 第二章:基础概念精讲 - 第二节 - Tailwind CSS 颜色系统和主题定制
  • 什么是环形分区光源
  • Edge浏览器清理主页
  • 【漫话机器学习系列】092.模型的一致性(Consistency of a Model)
  • 4.SpringSecurity在分布式环境下的使用
  • ai智能电话机器人话术处理,呼叫系统部署语音话术设置
  • 《DeepSeek R1:7b 写一个python程序调用摄像头获取视频并显示》
  • 标贝科技参编国内首个AIGC大模型功能测试标准
  • 反向代理模块
  • 蓝桥杯(B组)-每日一题
  • DeepSeek R1 671b 满血版部署笔记