- 博客(20)
- 收藏
- 关注
原创 Vue3 使用 Echarts
第一种方法// 下载echartsnpm i echarts -S<template> <div id="main" style="width: 600px; height: 400px"></div></template><script>import { onMounted } from 'vue'import * as echarts from 'echarts' // 使用echartsexport default {
2022-04-21 15:53:14
1859
1
原创 Vue3 + Vite2 后台项目基本搭建
Vue3 + Vite2 项目搭建项目搭建Vite.config.js 配置(非必要,根据项目需求配置)main.js项目搭建npm init vite-appProject-name: <your-project-name>Select a framework: 选择一个框架Select a variant: 选择语言Vite.config.js 配置(非必要,根据项目需求配置)import { defineConfig, loadEnv } from 'vite'impor
2022-04-21 15:12:31
1500
原创 vue-ele-sign 实现签名
npm i vue-ele-sign --save-dev <div class="elesigncode-content"> <vue-ele-sign ref="elesigncode" direction="direction" :pen="pen" :bgImg="bgImg" :imgType="imgType" :readOnly="readOnly" :vsConsole="true" class="sign" /> <div c
2022-03-30 09:47:37
612
原创 【无标题】vue2实现一键粘贴复制
一键粘贴复制npm install --save vue-clipboard2复制粘贴:<span>{{ sysAppIds }}</span><el-button type="text" v-clipboard:copy="sysAppIds" v-clipboard:success="onCopy" v-clipboard:error="onError">点击复制</el-button>export default { data() {
2022-03-02 10:18:43
470
原创 【无标题】Vue 在线预览PDF
预览pdfnpm install --save vue-pdf (我使用的版本 ^4.3.0) <pdf v-loading="isLoading" ref="pdf" v-for="i in numPage" :key="i" :page="i" :src="src" @page-loaded="handle($event)" />import pdf from 'vue-pdf'export default { components: { pdf }, data(
2022-01-27 16:09:47
750
原创 【无标题】Vue2 + Element ( Select 全选与反选 + 表头斜线)
这里写自定义目录标题静态数据动态数据表格斜线静态数据<template> <div class="configure"> <el-select v-model="orgData" size="small" multiple collapse-tags @change="selectAll" @remove-tag="removeTag"> <el-option v-for="item in list" :key="item.orgId"
2022-01-14 16:44:22
293
原创 Echarts -股权图
<div id="main" style="height:100vh;width:100vw"></div><script type="text/javascript" src="./js/echarts.min.js"/> var myChart = echarts.init(document.getElementById('main')) var data = [{ name: '名称', root: true, value: 37
2022-01-06 13:59:17
1441
原创 【无标题】vue - json格式
这里写自定义目录标题下载插件使用下载插件npm i -S vue-json-views使用<json-view :data="jsonViewData"></json-view>import jsonView from 'vue-json-views'components: { jsonView, }, // json数据jsonViewData: { errcode: 0, list: [ { 'data-month': '2
2022-01-06 13:45:37
446
原创 10种去重方法
去重Set去重双重for循环+splice去重indexOf去重sort去重includes去重hasOwnProperty去重filter去重递归去重利用Map数据结构去重reduce+includesSet去重// 需要注意Set过后的变化function unique(arr) {return Array.from(new Set(arr)) }var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefi
2021-12-20 14:13:09
542
原创 vue2 + Echarts(4.2.1) 版本
Echarts 运用-数据均为数据模拟全国地图柱状折线图饼图折线图雷达图象限图手写的浮窗比例盒子+排序全国地图柱状折线图饼图折线图雷达图象限图手写的浮窗比例盒子+排序 <block1 :data="completeData" /> completeData: { lrwcl: [100, 90, 80, 70, 60, 50, 40], name: ['数据1', '数据2', '数据3', '数据4', '数据5', '数据6', '数据7'],
2021-12-18 16:44:01
1773
原创 【无标题】JavaScript 一键粘贴复制
<div cols="20" id="biao1">123456789</div> <input type="button" onClick="copyUrl2()" value="点击复制代码" /> <input type="text"> function copy() { var Url2 = document.getElementById("biao1").innerText; var oInput = document.c..
2021-12-10 10:25:18
158
原创 【无标题】JS获取二维数组最大最小值
JS处理二维数组JavaScript 处理二维数据,拿到每个子项,在获取最大最小值JavaScript 处理二维数据,拿到每个子项,在获取最大最小值function getMinMaxOf2DIndex(arr, idx) { return { min: Math.min.apply(null, arr.map(function (e) { return e[idx] })), max: Math.max.apply(null, arr.map
2021-12-10 10:13:56
927
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人