vue3.0版本如何使用Element UI?为什么用不了Element UI?

news/2024/7/9 23:58:00 标签: vue, elementui

vue30Element_UIElement_UI_0">vue3.0版本如何使用Element UI?为什么用不了Element UI?

前端-vue3.0/element ui (element plus)

  • 原因

    vue3.0版本中对 element ui 的支持有所改变,其中针对 vue3.0 版本的是 element plus,基本的 element 使用没有特别大变化,具体请自行查询。

使用element plus

  • 安装
npm install element-plus --save
  • 引入

    在main.js引入,就三条代码:

import { createApp } from 'vue'
import ElementPlus from 'element-plus';//1.引入组件
import 'element-plus/lib/theme-chalk/index.css';//2.引入CSS
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)//3.使用组件(就这3条,其他是main.js默认存在的)
app.mount('#app')
  • 注意

    1在 vue3.0 中 this 是无用的,所以如何使用类似于this.$message这些得仔细看;
    2 vue3.0 的插槽使用改变,从 slot 变成 v-slot 具体请看我另外的一条有讲解,表示入过坑。

靓仔,觉得有用的话就,别给我点赞,给我把下一个遇到的问题写在评论里,如果我已解决将即使回复。


http://www.niftyadmin.cn/n/1410382.html

相关文章

element-ui表单验证时,为什么一直弹出未输入内容?以及注意点有哪些?

element-ui表单验证时,为什么一直弹出未输入内容?以及注意点有哪些? 前端-elementUI-表单验证 注意1 此处是否绑定了自己声明的变量: 如果没有绑定,在验证的时候会提示说,这个input框内未输入内容。 :mo…

解决阿里云VPC网络下面ECS不能指定高于X.X.X.247私有IP地址的方法

阿里云在配置可用范围私有地址时报错:“指定的私网IP不在指定虚拟交换机的网段中” 根据阿里云提供的接口文档,VPC网络下面自定义的网段192.168.15.0/24可用私有IP地址范围为:192.168.15.1-192.168.15.252。(文档参考:…

零基础解决node.js+express服务跨域问题,No ‘Access-Control-Allow-Origin‘ header is present on the requested resou

零基础解决node.jsexpress服务跨域问题,No ‘Access-Control-Allow-Origin’ header is present on the requested resou 前端-vue跨域 这里说明一下,网上很多都是潦草的说什么方法,具体根本自己就不会解决, 写那么多博客一模一…

零基础使用node+express搭建服务器流程

零基础使用nodeexpress搭建服务器流程 前端-nodeexpress 1.全局安装express脚手架 在安装了脚手架之后,可以通过 express 项目名 直接快速创建后台服务 npm i -g express-generator2. 创建express框架后台服务 这里会看见一堆create文件 express 你的后台项…

git已有本地项目,如何连接github,并上传代码?

git已有本地项目,如何连接github,并上传代码? 前端-git 1、在本地项目种打开cmd 就可以直接在当前目录下打开终端 2、git初始化项目 git init3、连接github已创建好的项目 我的远程仓库项目地址是: https://github.com/weige…

Microsoft开源用于VS Code的Java Debugger

Visual Studio Code(很多人称之为VS Code)是Microsoft推出的开源跨平台代码编辑器,其中的Java Debugger于今年九月发布。现在VS Code中开源了Java Debugger的代码。VS Code在推出时就原生地支持JavaScript、TypeScript和Node.js,并…

海明码!是人看的例子!说人话!

一、特点 反正兄台都已经翻烂了,这里就简单描述:可检错,可纠错二、奇偶校验概念 偶校验: 即获取的二进制字符串中,“1” 的个数为偶数(双数)时,取值为0,否则为1。 例如&…

Ubuntu 16.04 安装 JDK 1.8

系统环境 Ubuntu 16.04; JDK 1.8 配置安装 1、首先从oracle下载jdk 1.8,我下载的版本是jdk-8u131-linux-x64.tar.gz,运行tar zvxf jdk-8u131-linux-x64.tar.gz解压获得文件夹jdk1.8.0_131。 2、在usr目录下创建jvm目录 sudo mkdir /usr/jvm 3、然后将解压…