vue+elementui
weixin_44039043
这个作者很懒,什么都没留下…
展开
-
vue路由跳转错误:Error: Redirected when going from “/login“ to “/home“ via a navigation guard.
# 问题描述:vue路由跳转错误:Error: Redirected when going from “/login” to “/home” via a navigation guard.解决方案:解决方案一:(我这里的路由守卫是正常的)先触发了守卫路由再放置token,如图把push方法放到存储token信息以后即可。。,如图解决方案二:对vue-router降低版本到3.0.7,手动修改就行了修改完之后记得删除原来的node_modules文件,再使用npm i 或yarn inst原创 2020-10-31 12:07:10 · 48699 阅读 · 16 评论 -
vue+elementui 实现每行两列循环
# 解决方案:原创 2020-11-20 08:17:33 · 1492 阅读 · 0 评论 -
vue+elementui项目中引入第三方字体文件的方法示例
# 问题描述:vue中项目,发现相同页面在不同电脑上,字体显示效果不一致,例如:代码中设置了楷体,在某些电脑上显示不是楷体效果。# 解决方案:1.先下载字体文件所需的.ttf文件(这不很重要,你得找到对应ttf字体文件)我这里想引入的是华文行楷字体2.将字体文件引入自己定义一个文件夹,放入下载好的.ttf文件2.先自己定义一个font.css文件,将下载好的字体文件的路径引入@font-face {font-family: “华文行楷”;src: url(‘stxingka.ttf’);原创 2020-11-20 08:19:24 · 2819 阅读 · 0 评论 -
vue+elementui项目中,页面实现自适应,缩小放大页面排版基本保持不变
问题描述:vue+elementui项目中,页面实现自适应,缩小放大页面排版基本保持不变# 解决方案:第一步:最外层div样式 :fixed(固定定位):生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。width原创 2020-11-20 08:19:48 · 28044 阅读 · 3 评论 -
el-input输入框四个角变圆
border-radius:2px;等价于↓border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;border-radius:13px 0 0 5px;等价于↓border-top-left-radius:13px;border-top-right-radius:0;border-bottom-right-rad原创 2020-11-20 08:20:15 · 6534 阅读 · 2 评论 -
vue+elementUI项目中修改第三方组件的样式
关于vue style scoped中通过使用css中>>>实现样式穿透的疑问解决方案:通常在Vue中使用第三方组件的时候,可能会存在修改组件的样,比如home.vue中引用了swiper组件,想修改swiper组件中的小圆点的颜色,因为home.vue中的style使用了scoped属性,导致无法修改到swpier组件中的样式,这时候可以使用 >>> 实现样式穿透,使home.vue的样式能够修改到swiper中的样式。...原创 2020-11-20 08:18:44 · 481 阅读 · 0 评论 -
[Vue warn]:Unknown custom element: el-avatar
问题描述:Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.`原因分析:elementui版本是2.8.2不支持组件解决方案:升级elementui版本到2.13.2,问题解决具体操作:卸除原版本:npm uninstall element-ui更新最新版:npm i el原创 2020-11-20 08:20:37 · 1158 阅读 · 1 评论 -
elementUi中 el-image标签加载本地图片失败
elementUi中 el-image标签加载本地图片失败图片地址需require引入例如:转载:https://blog.csdn.net/qq_38571305/article/details/104007131转载 2020-11-20 08:20:51 · 2603 阅读 · 0 评论