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