随笔分类 -  vue

上一页 1 2
vue
vue项目中使用axios请求网络
摘要：参考网址： [1] https://www.freesion.com/article/7191968296/ [2] http://www.axios-js.com/zh-cn/docs/ [3] https://github.com/axios/axios/blob/master/README.m 阅读全文
posted @ 2022-03-15 10:22 sunshine233 阅读(503) 评论(3) 推荐(0)
vue项目中实现上传图片识别二维码-jsQR
摘要：效果图： jsQR 是一个纯 JavaScript 二维码解析库。该库读取原始图像或者是摄像头，并将定位，提取和解析其中的任何QR码。（来源：https://www.oschina.net/p/jsqr?hmsr=aladdin1e1） 1、 安装jsQR ： npm install jsqr -- 阅读全文
posted @ 2021-12-28 14:54 sunshine233 阅读(3315) 评论(0) 推荐(0)
vue2项目中引用外部js文件
摘要：vue2项目目录如下(utils文件夹是自己手工建的，然后在utils里新建js文件): 使用import导入文件时，注意路径，路径不对会报错； 导入之后使用外部js函数时，直接写导入时的名字加小括号即可，如 test(); 不需要加this，也不需要加别的。 demo.js export defa 阅读全文
posted @ 2021-12-02 11:09 sunshine233 阅读(7468) 评论(0) 推荐(1)
vue项目中使用 SheetJS / js-xlsx 导入文件
摘要：原表格样式; 导入效果： 1. 安装 npm install xlsx 2. 在App.vue 中引入xlsx import * as XLSX from 'xlsx'; // 数据导出导入所需要的依赖 <input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入 阅读全文
posted @ 2021-11-01 11:38 sunshine233 阅读(2074) 评论(0) 推荐(0)
vue项目中使用 SheetJS / js-xlsx 导出文件
摘要：1. npm install xlsx 2. 在App.vue 中引入xlsx import * as XLSX from 'xlsx'; // 数据导出导入所需要的依赖 3. 使用xlsx 3.1 新建一个工作簿 workBook 3.2 生成一个工作表 sheet 3.3 在工作簿中添加工作表 阅读全文
posted @ 2021-10-29 13:48 sunshine233 阅读(1701) 评论(0) 推荐(0)
vue项目中使用canvas
摘要：canvas API 文档：https://www.canvasapi.cn/ 一、在html中使用canvas canvas 元素用于在网页上绘制图形。 在html中，使用 document.getElementById("myCanvas") 找到相应元素，然后继续下一步操作。 二、在vue中使 阅读全文
posted @ 2021-10-28 09:18 sunshine233 阅读(6016) 评论(0) 推荐(0)
uniapp中mqtt的基本使用
摘要：参考文档： [1] https://www.hivemq.com/blog/mqtt-client-library-mqtt-js/ [2] https://www.tabnine.com/code/javascript/functions/mqtt/MqttClient/on [3] https: 阅读全文
posted @ 2021-09-26 18:30 sunshine233 阅读(2377) 评论(0) 推荐(0)
uniapp中vuex的基本使用
摘要：1. 创建一个uniapp项目 2. 在项目目录下用npm安装 vuex npm install vuex --save 3. 在项目根目录下创建 store文件夹，在store文件夹中创建 index.js 4. 在index.js中显式地通过 Vue.use() 来安装 Vuex： import 阅读全文
posted @ 2021-09-26 18:01 sunshine233 阅读(1731) 评论(0) 推荐(0)
uniapp如何在当前页面获取上个页面的变量、方法
摘要：getCurrentPages() getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。 注意： getCurrentPages()仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。 如：页面点击路径为 “ 阅读全文
posted @ 2021-09-13 09:14 sunshine233 阅读(1801) 评论(0) 推荐(0)
vue-router的安装和使用
摘要：第一种方式（简单）：新建项目时用 vue-cli 手动选择 router 安装。 1、用键盘 ↓ 移动选择第三项“ Manually select features”（手动配置）； 2、选中 Babel 和 Router （按空格 选中/取消）； 3、后三项选择默认也可，选择图中所示也可； a)Us 阅读全文
posted @ 2021-06-22 10:23 sunshine233 阅读(442) 评论(0) 推荐(0)
vue-cli的安装步骤
摘要：参考网址： https://www.cnblogs.com/xianshen/p/15695453.html https://segmentfault.com/a/1190000045054372 https://download.csdn.net/blog/column/8597079/90712 阅读全文
posted @ 2021-06-09 10:55 sunshine233 阅读(4740) 评论(0) 推荐(1)
vue简单语法梳理
摘要：小图不够清楚，可以点击大图查看。 阅读全文
posted @ 2021-03-25 11:54 sunshine233 阅读(49) 评论(0) 推荐(0)
vue使用axios读取本地json文件来显示echarts折线图
摘要：编辑器：HBuilderx axios文档：http://www.axios-js.com/zh-cn/docs/ echarts实例：https://echarts.apache.org/examples/zh/index.html 用HBuilderx新建elementUI项目。 安装axios 阅读全文
posted @ 2020-12-14 16:55 sunshine233 阅读(1012) 评论(0) 推荐(0)

上一页 1 2