yydszxd的博客

原创 基于vue封装的日期，月份，年份 组件 +echarts 环形图饼图

基于vue封装的日期，月份，年份 组件 +echarts 环形图饼图。

原创 Echarts层级地图

echarts层级地图

原创 实现深拷贝的几种方式

实现深拷贝的几种方式

原创 png图片转base64

<img id='iii' @load="abc" src="../aseets/bottom.png" ><canvas id="canvas"></canvas>abc(){ var canvas=document.getElementById('canvas') var img=document.getElementById('iii) var ctx=canvas.getContext("2d") var height.

原创 new Map()的基础用法(ES6)

<template> <el-table-column :formatter=“tableIdFormat”></el-table-column></template>//this.$store.state.dataOrigin里面先存上数据computed:{ getData(){ let map=new Map(); this.$store.state.dataOrigin.forEach((val)=&.

原创 vue js方法对参数处理，拼接到接口后面

function urlFormat(URL,params){ function replaceUrl(url,index,replaceText){ return url.substring(0,index)+replaceText+url.substring(index+1) } for(let i in params){ if(params[i] || params[i]===0){ URL=URL+`&${params[i]}` } } if.

原创 vue html下载导出为PDF

1.写一个js文件// 导出页面为PDF格式import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'function exportPdf(fileName, domName, callback) { html2Canvas(document.querySelector("#" + domName), { allowTaint: true, backgroundColor: "#FFF"

原创 单行，多行文字超出显示省略号，鼠标悬停显示全部文字tooltip

//单行文字超出显示省略号overflow: hidden;text-overflow: ellipsis;white-space: nowrap;//多行文字超出显示省略号overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;//允许最多几行-webkit-box-orient: vertical;//鼠标悬停 第一种方法<span :title="it.

原创 vue 向下滑动显示返回按钮，点击按钮返回顶部

<template> <div> <div class="fixed" :class="{ active: juli < 100 }" @click="dianji"></div> </div></template><script>export default { data() { return { e: "", juli: "", }; },.

原创 返回顶部VUE

import Vue from 'vue'import App from './App.vue'import router from './router'Vue.config.productionTip = falseVue.prototype.$eventBus = new Vue();new Vue({ router, render: h => h(App),}).$mount('#app')<script>export default { .

原创 vue全屏显示

<el-button @click="screen=true">全屏显示</el-button><div :class="screen?'screen':''"> <iframe :src="./static/tool/使用手册.pdf"></iframe></div>

原创 checkbox 三联复杂功能

原创 CheckBox选中触发事件 和 取消选中触发事件

CheckBox(val,row){ if(val.includes(row)){ //触发选中事件 this.$refs.show(row.code) }else{ //触发取消选中事件 this.$refs.hide(row.code) }}

原创 vue自定义抽屉显示与隐藏

<div class="index"> <div id="setFloating"> <i id="setFloatingIcon" class="el-icon-caret-left" @click="shrink"></i> <span>我是首页</span></div>main.js中import './style/commen.less'Vue.prototype.shrink=fu.

原创 echarts 地图省市区边框+划过显示数据 vue

<div class="zEcharts" style="width: 500px; height: 70vh"> <div class="map-container" id="myEcharts" ref="myEchart" style="height: 100%; width: 100%" ></div>..