vue3和element plus踩坑

这篇具有很好参考价值的文章主要介绍了vue3和element plus踩坑。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue3和element plus踩坑
1.有说vue版本有两个,但检查之后发现只有一个,且为vue3的版本
2.也有说是因为命名的问题,组件名和页面名一致

最后发现是因为

在main.js里面引入element plus 使用这种use方式会报错,虽然也不知道为什么

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'
import store from './store'

createApp(App).use(store).use(router).use(ElementPlus).mount('#app')

改为以下这种写法之后就没有报错了


createApp(App).use(store).use(router).mount('#app')
const app = createApp(App)
app.use(ElementPlus)

但改为这种写法却引入失败 使用组件并不能生效

过后很久又改回之前的那种写法 不仅没有报错也没有报下面这种警告
vue3和element plus踩坑
并且一切正常。现在还是不知道是什么原因 如果有大佬知道可以指点一下。文章来源地址https://www.toymoban.com/news/detail-515010.html

到了这里,关于vue3和element plus踩坑的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【vue3项目初始化配置】vue3 + element plus

    项目初始化是开发过程中很重要的一个环节,本篇博客带大家从零开始创建并初始化一个vue3项目,文章详细介绍了每个步骤,希望能帮助刚接触开发的小伙伴。 目录 一.创建项目 二.安装插件  ​编辑 ​编辑三.安装依赖 ​编辑 ​编辑四.配置项目 配置vu.config.js文件  配置

    2024年01月18日
    浏览(72)
  • vue3使用element-plus

    element-ui 是配合 vue2 使用,element-plus 是配置 vue3 使用的 1. 包管理器的方式 如果是使用 webpack 或者 vite 打包工具新建的项目 2. 浏览器直接导入 直接通过浏览器的 HTML 标签导入 Element Plus,然后就可以使用全局变量 ElementPlus 1. 导入全部组件且注册所有的图标 声明使用 ElementPl

    2024年02月08日
    浏览(80)
  • Vue3导入Element-plus方法

    先引入依赖 main.js中要引入两个依赖 然后 这个东西 我们最好还是挂载vue上 所以 还是 然后 我们可以在组件上试一下用一个ElementUi的表格组件 参考代码如下 运行结果如下 也是没有任何问题

    2024年02月06日
    浏览(56)
  • vue3 Element Plus 基于webstorm练习

    vue是前端框架,Elemen是组件库。前端框架和组件库的区别与联系 脚本语言需要一个解析器才能运行,JavaScript是脚本语言,在不同的位置有不一样的解析器,如写入html的js语言, 浏览器是它的解析器角色。而对于需要独立运行的js,nodejs就是一个解析器。 npm 是 Node Package Man

    2024年02月19日
    浏览(62)
  • Vue3+Element plus+pageHelper实现分页

    安装element plus 引入 修改main.js: 后端 pom.xml: controller: service: 前端 vue:

    2024年02月13日
    浏览(54)
  • vue3 tsx element plus 中表单校验

    下边是统一校验  

    2024年02月08日
    浏览(44)
  • 【vue3.0 引入Element Plus步骤与使用】

    Element Plus 是一个基于 Vue 3.0 的 UI 组件库,它是 Element UI 的升级版。Element Plus 的设计理念是简单、易用、高效,具有良好的可定制性和扩展性。下面是使用 Element Plus 的步骤: 1. 安装 Element Plus 可以通过 npm 或者 yarn 安装 Element Plus。 使用 npm 安装: 使用 yarn 安装: 2. 引入 E

    2024年02月11日
    浏览(34)
  • vue3+element Plus实现表格前端分页

    每一处都写了注释,还是很容易看懂的  

    2024年02月11日
    浏览(59)
  • vue3 element-plus 实现图片预览

    element-plus下有这么一个组件 el-image-viewer /,但是这个组件是没写在文档上面的,像普通组件一样使用即可 可以通过点击按钮实现图片预览,而非el-image组件只能通过点击图片实现预览 2.1封装组件 2.3组件使用 在需要使用的地方引入,然后使用即可,这不是重点,每个人使用的

    2024年02月15日
    浏览(59)
  • vue3项目搭建并配置element-plus

    安装完成后,输入如下指令查看vue的版本: 选择一个要存放项目的目录,打开小黑窗输入如下命令: 一开始输入项目名称或者默认vue-project,然后根据需求选择Yes/No 生成完项目后,输入如下指令: src/main.js里引入 index.css的文件位置根据实际情况写,也有可能是 const app后面加

    2024年02月13日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包