随笔分类 -  Vue.js

vue实现带logo的二维码/商品条形码/打印商品吊牌
摘要：一、带logo的二维码 1.安装 npm install vue-qr --save 2.在页面或组件中使用 <template> <div id="qrcode"> <vue-qr :size="qrcodeVue.size" :text="qrcodeVue.value" :colorLight 阅读全文
posted @ 2020-11-12 15:58 骑码行天下 阅读(1539) 评论(0) 推荐(0)
vue项目前端导出word文件(bug解决)
摘要：摘要：之前项目中导出价格表是由后端实现，前端只需要调用接口下载word即可，后来业务改变比较大，word模版需要一直改动，后端改起来相对麻烦，后来直接前端自己定义模版，实现下载word文档。 一、需要安装的依赖 1、docxtemplater 介绍：docxtemplater是一种邮件合并工具，它以 阅读全文
posted @ 2020-09-11 09:56 骑码行天下 阅读(18838) 评论(30) 推荐(2)
Vue+Vant+Vuex实现本地购物车功能
摘要：通常，我们做移动端商城的时候，通常会有购物车模块，那购物车模块有两种实现方式，一是储存在后台通过接口获取到购物车信息，二是存在用户手机本地，第一种方法只要调用接口获取比较简单，这里介绍的是第二种方法，利用vuex将购物车数据存在本地的方法。 vue项目创建方法和vuex的写法之前博文都有介绍，这里就 阅读全文
posted @ 2020-01-07 15:03 骑码行天下 阅读(5180) 评论(2) 推荐(1)
怎么用Vuecli 3.0快速创建项目
摘要：一.安装 1.安装node.js，这里需要注意的是，Vue CLI 3需要 nodeJs ≥ 8.9，所以我们去中文官方下载地址：http://nodejs.cn/download/ ，下载最新版本即可； 2.安装vue-cli3.0版本： 两种情况：1.你之前安装过vue-cli3.0之前的版本， 阅读全文
posted @ 2019-11-05 14:07 骑码行天下 阅读(700) 评论(3) 推荐(1)
Vuex是什么?
摘要：记得去年公司招聘前端工程师的时候，我要负责准备面试题去考验面试者，让我记忆深刻的有一件事，我看大多数面试者简历上都写了熟练掌握Vuex，然而当我问起的时候，大部分回答都支支吾吾，解释不清，而当我提起与Vuex书写相似的Vux的时候，偶尔会被面试者反问到：“这不是一个东西吗？”，和我一同负责面试的技术 阅读全文
posted @ 2019-06-04 09:53 骑码行天下 阅读(2307) 评论(5) 推荐(8)
快速上手小程序的mpvue框架
摘要：一.什么是mpvue框架？ mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心（所以建议熟练掌握vue再使用mpvue框架，否则还是建议去使用原生框架去写小程序），mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小 阅读全文
posted @ 2019-05-15 09:43 骑码行天下 阅读(649) 评论(0) 推荐(0)
Vue怎么使用Echarts创建图表
摘要：摘要：在后台管理系统中，我们经常会遇到图表，比如说：柱形图，饼状图，折线图，雷达图等等，而用来写图表插件有很多，我这里主要介绍Echarts在项目里怎么使用，官网地址如下：https://echarts.baidu.com/index.html，详细信息请阅览他们的官网文档和实例，各种图表都比较完善 阅读全文
posted @ 2019-03-01 15:41 骑码行天下 阅读(11795) 评论(6) 推荐(11)
我的Vue之小功能统计
摘要：摘要：项目中经常会要用到大大小小的功能，所以我在这里进行一个汇总，后面会持续添加至这篇博客，希望当你遇到这个功能时，我的博客能够对你有帮助，(上一篇博客说要在收假后写一篇博客做一个年终总结，想了半天不知道写什么，文笔不好，就算了，不写了，今天是情人节，祝没有脱单的程序员赶快脱单，脱单了的永不脱发，脱 阅读全文
posted @ 2019-02-14 10:28 骑码行天下 阅读(3677) 评论(2) 推荐(3)
关于vue的常识问题及解决方法
摘要：一.VSCode开发必备插件 1.Beautify：语法高亮； 2.Bracket Pair Colorizer ：对括号对进行着色； 3.ESLint：ESLint插件，高亮提示； 4.HTML CSS Support：css提示（支持vue）； 5.HTML Snippets：自动帮你输入HTM 阅读全文
posted @ 2018-06-27 17:09 骑码行天下 阅读(1488) 评论(0) 推荐(0)
Vue安装依赖npm install时报错问题解决方法
摘要：一.用到的一些快捷键： a.打开cmd: win+R b.进入d盘：d： c.进入d盘某个文件夹：cd myVue d.退回上一级：cd.. 二.Vue安装工作： 1.vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。 a.可进入cmd编辑器，输入命令 node -v进行查 阅读全文
posted @ 2018-03-10 16:07 骑码行天下 阅读(9321) 评论(1) 推荐(0)