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

小何…

已于 2025-02-14 09:28:30 修改

阅读量297

点赞数 1

文章标签： ui vue.js javascript

于 2025-02-14 09:14:48 首次发布

本文链接：https://blog.youkuaiyun.com/m0_61601708/article/details/145625292

版权

在使用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.-优快云博客