vue.js
关注
分享
扫一扫
抹茶爬虫
新的一年，新的开始。
展开
-
Vue中一些工具的应用（仅供参考具体看API文档）
vue-cli中常见插件的使用及配置配置echars安装npm install echarts -S在组件中定义图表容器并初始化数据 // 假设是 index.vue // 1. 在template中的html标签中定义容器 <div id="echarsbox" :style="{width: '300px', height: '300px'}"></div>...原创 2020-03-17 16:57:00 · 530 阅读 · 0 评论 -
前端canvas生成海报
话不多说直接上代码<div class="saveImgs"> <img src="" ref="codeEnd" style="width: 100%;height: 100%;" alt=""> <img src="../../static/image/my_codeBg2.jpg" style="width: 750px;" ref="codeBg...原创 2020-01-04 15:00:43 · 992 阅读 · 0 评论 -
前端vue生成二维码
作为子组件tki-qrcode.vue<template xlang="wxml" minapp="mpvue"> <view class="_qrCode" :style="{width:'100%',height:'100%'}"> <canvas class="_qrCodeCanvas" id="_myQrCodeCanvas" canvas-id=...原创 2020-01-04 14:54:17 · 1085 阅读 · 0 评论 -
前端vue+xlsx读取xlsx文件并处理所得数据
话不多说直接上代码<input @change="getUploadFile" type="file" class="inputDevice"/>getUploadFile(e){ console.log('数据改变',e); let fileName = e.target.files[0] let reader = new Fil...原创 2020-01-04 13:49:27 · 2074 阅读 · 0 评论 -
iview+vue+echarts数据可视化使用实例(线形图+柱形图)
html部分css部分就不写出来了<Card :bordered="false" class="line" style="width:100%;margin-top:30px;"> <div slot="title" style="height:30px;display:inline-block">广告位趋势</div> <di...原创 2020-01-04 11:46:14 · 2518 阅读 · 0 评论 -
iview+vue前端上传图片到OSS(使用plupload)
闲下来记录下iview+vue+plupload前端上传图片的实例(话不多说直接看代码)这是一个子组件部分 <template> <div class="uploader"> <div class="demo-upload-list" v-for="(item,index) in pic_list" :key="index"> <...原创 2020-01-04 11:28:38 · 1255 阅读 · 0 评论