1.把element插件替换为plus版

教程中用的插件:vue-cli-plugin-element
替换成这个插件:vue-cli-plugin-element-plus

此时发现vue的图标出现了，但没有内容

2.main.js设置

打开 cmd 运行 npm install element-plus --save
在main.js中加入这些

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'app.use(ElementPlus)

要注意格式问题！！！

新手小tips：
1.红色小箭头表示此处相比源文件有修改

2.蓝色部分表示要删掉换行符，不然会报错

【新手向】vue出现空白页情况之一相关推荐

vue 打印出现多余空白页的情况
vue 打印出现多余空白页这种情况可以首先去关注 v-print 所绑定的盒子的高度 ,可以给盒子高度设置成auto 或 100% . 这样不行的话再去关注 margin 和这个盒子内部元素的高 ...
Vue中，解决在浏览器浏览项目出现空白页的情况
文章目录 1.问题描述: 2.问题解决办法: 3.问题解决详细过程: 1.问题描述: 今天,要将使用 Vue 前端框架编写的项目,想要在服务器进行项目的部署,由于Vue框架的 webpack 具有打包 ...
解决vue项目在ie和360兼容模式下显示空白页问题
艰难路程记一次bug解决,项目不复杂,是一个基于vue-cli3搭建的pc端项目,之前开发都是在谷歌浏览器上运行的,但在开发进入到后半段,经理说,项目需要在360兼容模式下展示,这时候发现项目在36 ...
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
vue打包app网络错误和空白页问题
vue打包app网络错误和空白页问题 https://my.oschina.net/gmarshal/blog/2051301
Vue打包后通过springboot运行页面为空白页的解决方法
第一种可能是index.html里面js和css引用的路径问题,在index,html里面的css和js引用处 /前面加上/dist或者. 就可以了.记得每一个都要加. 第二种可能是路由使用了hist ...
Vue中使用v-print打印出现空白页
本人最近做项目时遇到打印出现空白页的问题,查阅资料后找到解决办法,方便同行们快速解决问题. 1.解决办法:在css中加入 "body{ height:auto; }" 即可解决问题 ...
word怎么删除空白页？
有很多新手用户在使用word的时候发现里面出现了很多的空白页,穿插分布在文档中.那么word怎么删除空白页,这里小编为大家带来了原因分析和四种解决方法,快来看看吧! 四个删除word的空白页的小妙招 ...
部分uc浏览器打开vue2.0项目空白页问题
· 最近在工作中需要适配各个浏览器运行项目新页面的情况,遇到了在部分机型的uc浏览器中空白页的问题.尝试了很多种情况,还是没有解决问题. 查看控制台报错查看在浏览器控制台报错没有尤其是要在ie和e ...

【新手向】vue出现空白页情况之一

1.把element插件替换为plus版

2.main.js设置

【新手向】vue出现空白页情况之一相关推荐

最新文章

热门文章