随笔分类 -  vue.js

vue 前端生成二维码 （带图标）
摘要：最近发现了一款很好用的插件，前端进行二维码合成，这个插件就是vue-qr 官方文档：https://www.npmjs.com/package/vue-qr 安装和一般安装的插件方式一样： npm install vue-qr --save 在需要的地方进行引入： import vue-qr fro 阅读全文
posted @ 2020-06-09 10:26 疯癫释流年 阅读(2800) 评论(0) 推荐(0)
VUE 全局监听sessionStorage变化
摘要：在做项目的时候，可能需要在其他模块获取推送的信息或者变量，但是数据量或者说数目少，而且项目中也没有引用VUEX，那么可以下手的方法之一也就是sessionStorage类的浏览器存储了。 首先在全局的main.js中写入： 设置/修改方法就简单了: Vue.prototype.resetSetIte 阅读全文
posted @ 2019-11-01 10:10 疯癫释流年 阅读(13338) 评论(0) 推荐(0)
nw打包vue项目 安装包
摘要：接着上篇nw打包vue项目exe中： 阅读全文
posted @ 2019-10-24 14:18 疯癫释流年 阅读(631) 评论(0) 推荐(0)
nw打包vue项目exe
摘要：首先需要下载nw，然后解压打开，如图： 在以上新建一个同级项目文件夹，然后把把项目打包，将dist中的static文件夹与index.html放入，并新建一个package.json（可使用npm init生成），如下： package的配置中，main和name是必须的属性，name需要是小写字母 阅读全文
posted @ 2019-10-05 10:41 疯癫释流年 阅读(1921) 评论(1) 推荐(0)
复制功能
摘要：好长时间没写过了，随手写一个吧，证明俺还是程序元。 HTML： js： 阅读全文
posted @ 2019-09-15 17:14 疯癫释流年 阅读(181) 评论(1) 推荐(0)
关于Vue+iview的前端简单的导入数据（excel）
摘要：前一段时间项目经历了纯前端处理导入excel文件并处理等问题，数据量大的时候时间上长的一比，三千条数据需要三四秒甚至更长，不管产品咋想的，具体做法为： 首先下载一个这玩意： 进行简单封装一下： 并在需要的地方引用： 数据处理： 时间有点长了，应该就这些。 <template> <span> <inp 阅读全文
posted @ 2019-05-20 11:09 疯癫释流年 阅读(1795) 评论(0) 推荐(0)
vue中html、css、js 分离
摘要：在正常的创建和引用vue文件都是html、css、js三者在一起的，这样写起来虽然方便了，但是页面比较大或者代码比较多的情况下，即使使用组件有时代码也比较多，简单来说查找不变不利于编程，大的来说影像优化性能。将代码中的html、css、js分离出来是个很好的选择。 首先，在 .vue文件中设置如下： 阅读全文
posted @ 2018-12-26 16:32 疯癫释流年 阅读(18574) 评论(2) 推荐(1)
vue项目运行时出现的问题（less、vue poackages version）
摘要：今天运行项目，项目一直好好的却突然运行时报错，如下： 是引入文件报错问题，回头查看了一下文件在main.js的引入： import '@/assets/styles/custom.less'; 文件引入并没有问题。 百度了一下是说相关依赖babel-loader和vue-loader没有找到，但是n 阅读全文
posted @ 2018-12-03 10:08 疯癫释流年 阅读(827) 评论(0) 推荐(0)
vue搭建项目之设置代理
摘要：前面将项目页面、axios、组件等都准备好了，现在就差设置代理了： 首先在config下新建两个文件，分别叫做dev.uri.js和prod.uri.js，代码为： 然后将dev.env.js的代码改为： prod.env.js的代码改为： 接着新建名为proxy-mock.js的文件，其中代码为： 阅读全文
posted @ 2018-11-29 14:35 疯癫释流年 阅读(12123) 评论(2) 推荐(3)
vue搭建项目之设置axios
摘要：首先要下载axios： npm install axios -S 要注意的是，axios不支持Vue.use();这种方式，可以改写原型链。 第二步就是新建axios存放位置： 在项目中src中单独建立一个axios的文件夹，并在main.js中引入： 第三步对axios进行封装： 封装方法网上一大 阅读全文
posted @ 2018-11-29 11:21 疯癫释流年 阅读(2258) 评论(0) 推荐(0)
vue搭建项目步骤（二）
摘要：上篇是搭建Vue项目的基本，接下来是继续对做项目的记录。顺序并不一定。 五、对页面入口文件的修改： 众所周知，main.js 程序入口文件，加载各种公共组件，App.Vue为 页面入口文件。但是有时候要想用自己的，那么很简单，在mian.js中： import App from './App' 修改 阅读全文
posted @ 2018-11-28 16:27 疯癫释流年 阅读(255) 评论(1) 推荐(1)
vue项目搭建步骤
摘要：vue的使用有3种方式（http://www.runoob.com/vue2/vue-install.html），第一种便是在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 在做项目的情况下，都是用的npm下载： 一、安装环境： 在https://node 阅读全文
posted @ 2018-11-27 11:20 疯癫释流年 阅读(485) 评论(0) 推荐(0)
vue项目在IE下显示空白打不开问题
摘要：近期遇到了项目是vue做的，在IE浏览器下打不开，显示空白问题，解决方案如下： 打不开的原因是因为少了babel-polyfill处理器，所以第一步需要下载： npm install babel-polyfill --save-dev 第二步在package.json文件中显示： 第三步引入babe 阅读全文
posted @ 2018-11-13 15:57 疯癫释流年 阅读(13749) 评论(6) 推荐(1)