在实际开发中，可能会有点击某个元素以外的元素时让这个元素隐藏或关闭的需求。在Vue中实现则更加简单。思路为全局document添加click事件，判断是否为指定节点及其子节点，如果不是则隐藏该指定节点。例如当前组件现有功能是：span默认不显示，当点击button时显示span。点击非span button时span消失<template><div><span v-s

话不多说看图安装依赖npm install --save vue-to-pdfmain.js引入import vueToPdf from 'vue-to-pdf';Vue.use(vueToPdf);全部代码<template><div><div class="pdf-box"><div><el-button type="primary" @c

现有一需求，要求图表k线 、折线 相互切换依赖npm install echarts -Shtml<div id="chart" style="width: 100%;height: 350px;"></div>引入import Vue from 'vue'import * as echarts from 'echarts'Vue.prototype.$echarts =

1、mounted监听 监听元素是否进入/移出可视区域window.addEventListener("scroll", this.scrollHandle, true); // 监听 监听元素是否进入/移出可视区域2、 methods执行事件scrollHandle() {const offset = this.$el.getBoundingClientRect();const offsetTo

效果1、安装依赖npm install v-viewer --save2、全局引入import Vue from 'vue';import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({Options: { 'inline': true, 'button': tru

uQRCode是uniapp内置的一个插件 不用安装依赖 直接引入即可1、在 script 中引用组件import uQRCode from '@/common/uqrcode.js'2、在 template 中创建 canvas<canvasref="canvas" canvas-id="qrcode" style="width: 180px;height:180px;" class="c

在浏览器中操作文件，多数情况下用到的是 File 对象，从<input type='file' />元素获取，进而继续操作(例如将选择的图片展示在页面上，用ajax将文件上传至服务器等)。这里介绍在浏览器中操作文件的相关API.File 对象继承自 Blob 对象，先看看 Blob 对象。1. Blob 对象Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是J