最近有个朋友问我有什么插件可以做网络拓扑图，当时我也一脸懵，在百度上找了好久，找到了这个网站，应该可以解决他们公司的需求，觉得网站图画的不赖，这里分享给大家。话不多说看图去看官网…...

话不多说看效果1、安装 animatenpm install animate.css --save2、main 引入import animated from 'animate.css' // npm install animate.css --save安装，再引入Vue.use(animated)

最近有个朋友问我有什么插件可以做网络拓扑图，当时我也一脸懵，在百度上找了好久，找到了这个网站，应该可以解决他们公司的需求，觉得网站图画的不赖，这里分享给大家。话不多说看图去看官网…...

话不多说看图先看调用{{ dealNumber(list3.tipset_height) }}代码methodsdealNumber(num) {if (num != 0 && num) {num = num + "";let decimalsStr = "";let splitList = num.split(".");//先处理小数部分if (splitList[1

在实际开发中，可能会有点击某个元素以外的元素时让这个元素隐藏或关闭的需求。在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