效果如下:目录结构useEchart.tsimport * as echarts from 'echarts'import chinaMapData from '../data/china.json'echarts.registerMap('china', chinaMapData)export default function (el: HTMLElement) {const echartIns

我们是不是都做过问卷调查？就是让你填一些或者选择一些东西，然后填写完了会生成一张图，上面有你的名字，填的什么，一些二维码啊等，这个图片可以保存到手机，可以分享，也可以扫描图中的二维码，那么这个是怎么实现的呢？其实有很多种方法，下面来举例一种首先你需要两个插件qrcanvas，html2canvas在终端安装sudo cnpm install html2canvas --savesudo...

在微信公众号H5里面可能会遇到点击图片预览，还可以放大缩小，微信内置有这个功能可以实现用vue写项目的话，先cnpm install weixin-js-sdk --save接着给图片一个点击事件<img src="" alt="" @click="preview()">data:{url:""//图片地址,imgList:[]}methods:{preview(){const _th

Vue崇尚单向数据流，本来不应该直接修改的，.sync这个黑科技可以直接改<navBar :names.sync="names"></navBar>//编译时会被扩展为<navBar :names="names"@update:names="val => names = val"></navBar>data() {return {names:'

一.html<div id="app"><from><label>id:<input type="text" v-model="id"></label><label>name:<input type="text" v-m...

效果就是，例如跳转详情页，详情页页面从右往左进入,当我们点击返回主页时候，详情页从左往右退出，并且这个过程中，主页的内容不为空白首先创建三个vue文件home.vue为父组件childrenOne.vue为子组件childrenTwo.vue为子组件router.js中const routes=[{path: '',redirect:'/home',},{path : '/home',compon

当我们写vue项目的时候，往往要先进行项目打包，然后再上传到我们的服务器，这样每次重复，感觉特别麻烦，这个时候我们就可以通过glup来帮我们解决问题首先我们在项目新建一个gulpfile.js文件然后安装两个东西npm install --save-dev gulp gulp-sftp接着在gulpfile.js里面const gulp = require('gulp')const ftp = r

类似这样的表单如果有多个地方使用的话，最好封装起来，直接上代码一.首先创建一个form文件，类似这样结构1.form.vue<template><div class="hy-form"><div class="header"><slot name="header"></slot></div><el-form :label

先看下效果图，并且数据每隔3秒自动变换一次先看下后台返回的数据结构是什么样子的[{"name":"商家1","value":"99"},{"name":"商家2","value":"199"},{"name":"商家3","value":"222"},{"name":"商家4","value":"99"},{"name":"商家5","value":

先看下效果图先看下后台返回的数据结构是什么样子的{"map": {"title": "地区销量趋势","base": 310,"unit": "万","data": [{"name": "上海","data": ["155.13","154.65","171.46","164.38","237.23","300.65","240.29","232.07","193.31