Vue3使用element-plus组件不显示问题

 更新时间:2024年03月18日 08:37:38   作者:奥子  
这篇文章主要介绍了Vue3使用element-plus组件不显示问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue3使用element-plus组件不显示

vue3引入element-plus之后会出现一些黄色警告 引用的element的组件不显示

在这里插入图片描述

例如:我这个问题 是使用 element-plus 中表格组件出现的警告 导致数据不显示

经过排查 是引入element组件文件 里没有注册这个组件

只需要注册就好了 箭头标记的两个地方都需要注册 注意编写规范

import {ElTable} from "element-plus";
const components = [ElTable];
//这里注册一下就好

在这里插入图片描述

vue3无法显示element-plus问题

原本想使用el-tree做目录,结果找了很久的原因都无法显示,并且没有任何报错,但是在调试的过程中发现el-tree使用的数据是对象形式的

并且还报了el-tree组件无法解析

runtime-core.esm-bundler.js:38 [Vue warn]: Failed to resolve component: el-tree If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

刚开始以为需要解析数据,但是其他人都可以正常使用,所以尝试放其他组件,结果其他组件也都无法使用,那么很有可能是挂载出现问题

因为将所有需要挂载使用的变量放在了一个use里导致的,还是得多熟悉才行

正确使用方法

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 你点的 ES6一些小技巧,请查收

    你点的 ES6一些小技巧,请查收

    本文给大家总结ES6新特性:默认参数、reduce、解构赋值和Set在使用时的一些小技巧。需要的朋友参考下吧
    2018-04-04
  • vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法

    vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法

    这篇文章主要介绍了vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • vue跳转同一个路由参数不同的问题

    vue跳转同一个路由参数不同的问题

    这篇文章主要介绍了vue跳转同一个路由参数不同的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • Vue3非递归渲染Tree组件的初步实现代码

    Vue3非递归渲染Tree组件的初步实现代码

    这篇文章主要介绍了Vue3非递归渲染Tree组件的初步实现,文中通过代码示例讲解的非常详细,对大家的学习或工作有一定帮助,需要的朋友可以参考下
    2024-05-05
  • Element UI表单验证规则动态失效问题的解决办法

    Element UI表单验证规则动态失效问题的解决办法

    这篇文章主要给大家介绍了关于Element UI表单验证规则动态失效问题的解决办法,Element UI提供了强大的表单验证功能,可以轻松地对表单进行验证,需要的朋友可以参考下
    2023-09-09
  • vue 使用高德地图vue-amap组件过程解析

    vue 使用高德地图vue-amap组件过程解析

    这篇文章主要介绍了vue 使用高德地图vue-amap组件过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • VUE跨域详解以及常用解决跨域的方法

    VUE跨域详解以及常用解决跨域的方法

    跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据,下面这篇文章主要给大家介绍了关于VUE跨域详解以及常用解决跨域的方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • Vue3中的h函数及使用小结

    Vue3中的h函数及使用小结

    这篇文章主要介绍了Vue3中的h函数及使用小结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • vue使用lodash中debounce(防抖函数)的几种方法实现

    vue使用lodash中debounce(防抖函数)的几种方法实现

    本文主要介绍了vue使用lodash中debounce(防抖函数)的几种方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-02-02
  • vue如何动态设置背景渐变色

    vue如何动态设置背景渐变色

    这篇文章主要介绍了vue如何动态设置背景渐变色问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08

最新评论