![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
鱼活在水中
前端爱好者
展开
-
Vue3使用element-Icons在部分IE11,IE10线上无法正常显示,本地调试可以问题解决
公司项目要求兼容IE10,11,项目使用的vue3 + element:线上观察在IE11,中woff字体正常引入,但是只有在一次加载的时候才有效,刷新页面,所有icon字体都显示异常,故此考虑是否为在IE浏览器下,http(https)方式加载woff等字体文件解析有问题。解决方案:将fonts相关文件打包时,调整为base64格式,不使用http在项目中查看fonts使用的loader一会options配置 (小于4096会打包成base64格式) 在vuecofig.js中修改fon.原创 2020-06-10 17:24:53 · 1177 阅读 · 0 评论 -
Element-icons在部分IE10浏览器(非系统自带,自行下载或者补丁升级)无法正常显示问题
最近项目要求需要兼容IE10,在兼容过程中发现element-icons的部分字体图片Icon在部分IE10中无法显示,在有的IE10浏览器中正常展示,这就比较耐人寻味了,但是由于部分的IE10可以,于是就有了以下思考:首先在其他IE10,11,google,以及fiefox都可以正常展示 在部分IE10中无法正常展示,猜测有可能是IE10版本不完整 然后查阅资料,其实就是不支持项目中的字体,IE6-8支持的是eot,10,11已经支持woff,但是考虑到部分浏览器并非系统自带,就死马当成活马医,依原创 2020-05-22 13:43:05 · 958 阅读 · 0 评论 -
Vue项目部署资源路径问题
本文主要解决两个问题:1、vue-cli发布时 js,css文件路径错误2、vue-cli发布时js、css文件正常,但是图片路径错误问题:vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后,即可开始项目部署项目部署根据公司要求不同大致分为一下俩种部署方式:1、服务器放置打包后生成的dist文件夹此种部署方式,需要将config.js文件下index.js中...原创 2018-03-15 15:40:29 · 32241 阅读 · 4 评论 -
Vue项目打包生成后音频文件消失
一个正常项目中,对于前端img,js,css,audios,viedo等文件是必不可少的~上篇文章已经讲部署时js,css,img资源的路径问题~这期呢,主要讲的就是关于打包后音频消失了~瞬身之术~如图: 我的音频文件呢,说的好音频文件呢。。。。。。。。。。。WTF,消失了。。。。。。阿西吧,然后各方查阅,找到了这里,vue-loader,没错就是它竟然没有auido。。。。,添上添上之后再次打...原创 2018-03-15 15:55:54 · 4018 阅读 · 2 评论 -
Vue之 Vue-touch的使用
最近项目中,有的页面发现设置返回键看起来怪怪的,感觉与整体不协调,于是就考虑使用手势滑动事件来实现返回功能~开叉查阅资料~找到了vue-touch,使用起来可谓是简单粗暴啊,适合我这样的快速开发人员,源码地址:https://github.com/vuejs/vue-touch/tree/next不过要看清楚了,vue2.0之后的要使用next分支才行,之前的使用master分支即可npm ins...原创 2018-03-16 15:07:09 · 23921 阅读 · 3 评论 -
Vue之Vuex使用
上篇已经简单介绍了vuex的部署~这篇就讲下Vuex的简单使用吧store已经挂载在App Vue根组件~因此就可以像在组件中使用router一样使用store:获取state中某个属性:this.$store.state.name (name为所需的属性key)执行一个commit(mutations中的方法):this.$store.commit('name') mutations中所定义的...原创 2018-03-20 10:11:18 · 331 阅读 · 0 评论 -
Vue之Vue-router全局路由钩子
路由钩子,钩子是什么鬼?简单点说就是一个弯道的弯儿~ 弯儿的左边,右边就是即将离开的路由,即将进入的路由!全局路由钩子的方法是router.breforEach,写在main.js中,用法如下//全局路由钩子router.beforeEach((to, from, next) => {/** to下一个路由路径* from上一个路由路径* 需要调用next()生效/next()...原创 2018-03-20 14:10:52 · 3632 阅读 · 0 评论