当前位置:   article > 正文

vue3+ts的elementPlus静态引入方法_vue3+ts项目 引入静态资源

vue3+ts项目 引入静态资源
  1. 准备静态文件:
    下载elementPlus打包编译后的静态文件dist里面的css和js文件,这里我取的是index.css和index.full.min.js
     
  2. 放入vue3项目public文件夹中

 

  1. mian.ts引入

注意点:
1. 需要app.use(ElementPlus);

2. index.css 要放在cover.scss,base.scss的前面,否则会被elementplus样式覆盖掉,全局的改写样式不生效
3. 如果需要使用公共方法,例如message等,需要全部引入,绑定到app.config.globalProperties上;

 

 

4. 获取当前实例vue全局定义

5. 使用公共elemenplus方法

 

4. 对于静态文件语法检查要设置关闭

建立.eslintignore文件

 

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号