随笔分类 -  vue.js

摘要:使用场景,最近在vue拦截器中使用NProgress发现满足不了我的需求,因为一个页面中不止一个接口,每调用一次接口,NProgress顶部动画就会加载一次,那么同一个页面如果调用了5个接口,那动画就会执行五次,怎么办? 1.网上常规使用场景是在拦截器request.use函数中加上NProgres 阅读全文
posted @ 2021-03-10 14:23 Lafitewu 阅读(217) 评论(0) 推荐(0) 编辑
摘要:前言:有这样一个需求,将图片勾选排序,就类似,发微信朋友圈,手机照片选取。 如图: ok,废话不多说,上代码 html .select_demo .select_li(v-for="(item,index) in selectArr" @click="selectFn(index)") .selec 阅读全文
posted @ 2020-08-13 13:36 Lafitewu 阅读(1505) 评论(0) 推荐(1) 编辑
摘要:前言:pug是一款健壮、灵活、功能丰富的模板引擎 1.安装npm包 2.build/webpack.base.conf.js修改配置 阅读全文
posted @ 2019-06-27 10:11 Lafitewu 阅读(1051) 评论(0) 推荐(0) 编辑
摘要:开发背景:后台数据只能展示在页面,无法导入到本地进行数据分析。 开发成果:将导出到Excel功能封装成一个公用js函数,供其他vue页面复用。 1.安装vue插件包 2.编写公用js函数 代码如下: ps: 可改成你自己的table中的id名, 是参数,通过调用的时候传过来的,它是文件的命名。 3. 阅读全文
posted @ 2019-02-27 15:22 Lafitewu 阅读(1503) 评论(3) 推荐(1) 编辑
摘要:话不多说,先上图: 项目背景:vue element ui能用的icon实在有限,所以...一起从零到一吧。 1.进入阿里矢量图标库官网 官网传送门 注册 = 登录 这里就省略了.. 2.选择你需要的icon a.下载svg到本地 b.进入到"我的项目",如下图: c.然后复制css地址在浏览器打开 阅读全文
posted @ 2019-02-18 10:00 Lafitewu 阅读(1526) 评论(0) 推荐(0) 编辑
摘要:vue-cookies主要是用于登录的应用。 由于vue自己不带,所以需要自己安装依赖。安装步骤如下: 1.npm install vue-cookies --save 可参考npm 官方地址:https://www.npmjs.com/package/vue-cookies 设置完成之后,可能还会 阅读全文
posted @ 2018-04-11 16:22 Lafitewu 阅读(2989) 评论(0) 推荐(0) 编辑
摘要:今天我们来讲讲vue中调api的两种常见方法。 由于vue2.0开始,对vue-resource不在维护更新。所以导致很多人开始入坑axios。 当我用起了axios,嗯,它是真的坑。最坑的是它不支持跨域。 如果你项目打包上线依旧需要跨域,我劝你就不要用axios 了 ,会把自己坑死的。(这时候就可 阅读全文
posted @ 2018-04-10 16:50 Lafitewu 阅读(304) 评论(0) 推荐(0) 编辑
摘要:先上效果图 用惯了jq的朋友,一眼望过去,这个很简单呀。是的,用jq是很简单。当然用vue其实也很简单。 很久没用vue,有点生疏了,所以分享出来,也防止下次自己再忘记。嘿嘿~,代码走你~ dom: methods: 当然还要在data中定义active,初始值可根据实际需求来。 ok,今天的分享就 阅读全文
posted @ 2018-04-09 16:38 Lafitewu 阅读(323) 评论(2) 推荐(0) 编辑
摘要:以前很拒绝vue+jq一起使用。但是vue写动画特效实在是难受,所以就试着去尝试了下,vue+jq的开发。 嗯,挺爽的,哈哈。 这里讲下,如何在vue-cli中引入jquery。 1.找到package.json文件,打开 2.找到webpack.base.conf.js文件,打开 3.在webpa 阅读全文
posted @ 2018-03-14 13:51 Lafitewu 阅读(176) 评论(0) 推荐(0) 编辑
摘要:这一节就是告诉大家如何在vue-cli下,加载favicon.ico 效果如下: 首先找到build文件下的webpack.dev.conf.js 然后 ps: 记得把自己的favicon.ico文件放在如下目录下: 好了,这就ok了! 走起~ 阅读全文
posted @ 2018-03-13 11:39 Lafitewu 阅读(201) 评论(0) 推荐(0) 编辑
摘要:1.搭建淘宝镜像npm install cnpm -g --tegistry=https://registry.npm.taobao.or 2.vue-cli搭建vue项目流程a. npm install --global vue-clib. vue init webpack my-projectc 阅读全文
posted @ 2018-02-27 17:07 Lafitewu 阅读(727) 评论(0) 推荐(0) 编辑
摘要:当我们用vue脚手架做完项目后,npm run build打包之后, 有没有查看源码,全是压缩好的。但是我就不想让它压缩,该怎么办呢? 困惑了几天,查了各种资料。终于终于... 来,上干货: 首先,我们得了解一点点webpack的知识。 webpack中压缩js 的插件叫 uglifyjs-webp 阅读全文
posted @ 2018-01-18 11:28 Lafitewu 阅读(29883) 评论(3) 推荐(1) 编辑
摘要:当我们使用vue开发项目时,发现经常报一些莫名的错误,什么空格没写、 什么双引号要改为单引号,这对于有强迫症的同学来说,真是有句mmp不知当讲不当讲。 因为vue版本的不同,所以不同版本的去掉eslint的方式也不同。因为网上没看到我这个版本的去除方法。 所以我斗胆上传我这个版本的方法1: 首先找到 阅读全文
posted @ 2018-01-18 09:41 Lafitewu 阅读(678) 评论(0) 推荐(0) 编辑
摘要:当我们通过vue-cli 搭建好项目,并做完项目之后,开开心心的npm run build 之后, 发现项目中的背景图片不见了,蒙圈中.... 别懵了,我来拯救你。 首先,我的静态资源目录如下: 首先我们找到/build/webpack.prod.conf.js文件,并打开。找到output 关键词 阅读全文
posted @ 2018-01-17 14:58 Lafitewu 阅读(181) 评论(0) 推荐(0) 编辑
摘要:这一章,主要讲下vue基于vue-cli 脚手架做项目时遇到的一些问题及解决方案。 首页,vue做多页面的项目,如官网的制作,该怎么配置页面呢? 下面就来讲下,我是如何配置的吧。 首先:先找到 \build\webpack.base.conf.js文件,在代码中找到出现module.exports的 阅读全文
posted @ 2018-01-17 14:45 Lafitewu 阅读(226) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示