新宇最优秀-CSDN博客

原创 echarts 饼图图例展示名称及数值/百分比

legend: { // selectedMode: false, // 取消图例上的点击事件 type: 'plain', orient: 'vertical', left: '65%', top: 'center', align: 'left', itemGap: 6, itemWidth: 10, // 设置宽度 ...

2022-01-12 14:41:21 5174 2

防抖所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间，简而言之，打断就得重新回。适用场景：滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操作。这些需求都可以通过函数防抖动来实现。尤其是第一个需求，如果在频繁的事件回调中做复杂计算，很有可能导致页面卡顿，不如将多次计算合并为一次计算，只在一个精确点做操作。一般的防抖会有immediate选项，表示是否立即调用。代码实现：// 这个是用来获取当前时间戳的fun

2022-01-11 14:11:31 216

原创 vue tab切换切换时展示icon高亮图片切换

引入相关icon图片标签内写好点击事件通过第一个参数知晓是哪一块需要tab切换通过第二个参数不同标记用哪张icon样式通过img的src定义计算属性名称然后写一个计算属性根据刚刚定义好的名称和第二个参数区别展示icon样式点击事件方法title为刚传入的第一个参数type为刚传入的第二个参数根据计算属性和 type 去变换icon样式调相关接口来吧，展示over...

2021-08-26 11:48:09 605

原创 vue 使用html自带title属性鼠标悬浮展示内容修改其样式

公共样式 css-common-common.css文件下.listbox,.listboxs { // 最外层容器用来包裹需要展示 title 属性的 .title[data-title] { // data-title 在我们需要加title属性的标签内换成 data-title='张三' position: relative; // 样式： &:hover:after { opacity: 1; transition:

2021-08-26 11:23:25 1633

原创 vue点击全屏显示按esc或F11退出全屏显示

首先定义一个按钮<divclass="con"@click="fullScreen"><a-icontype="fullscreen"style="font-size:18px;margin:1px5px00"/><div>全屏</div></div> // 全屏 fullScreen() { let element = document.g...

2021-08-20 15:09:07 825

原创 vue 将图表统一导出至zip图片

首先写一个button <a-button class="custome-btn primary-btn ant-button-dark" type="primary" @click="handleBatchExport">导出</a-button> // 处理批量下载图表功能 handleBatchExport() { if (window.kanbanCharts && window.kanbanCharts.length

2021-08-20 15:03:13 99

原创 vue 生成qrCode二维码保存图片至本地

首先下载好qrcode.vuenpm install qrcode -SQRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。go！准备好一个button 我这里用的是antd-disign-vue 的button 加好点击事件和 modal的开关 <a-button type="primary" @click="showModalQrCode = true"..

2021-07-30 14:50:13 3190

原创 vue3.0 生成链接（点击按钮直接复制链接）

定义一个按钮 <a-button style="margin-left: 16px" type="primary" @click="handleGenerateLink"> <img src="../../assets/imgs/linkIcon.png" alt="" style="margin: -3px 8px 0 0"> 生成链接 <div id="generatelink" :name="urls" value=.

2021-07-27 19:39:05 1496

原创 18个JavaScript特性技巧~

1. 短循环：在一行当中缩短循环，为循环编写更少的代码var names=[ 'xinyu', 'xinyuya', 'xinyuyou' ]原代码：for( var i=0,i<names.length;i++ ){ console.log( names[i] )}缩短代码后：for ( let name of names names ) console.log( name )2.调整一个数组的长度长度不仅用于获取数组的大小如果我们将数组的长度设置为任意数字

2021-06-30 15:17:56 194 2

原创 nrm使用报错

报错内容如下：

2021-06-18 15:41:03 193

原创 vue 间隔柱状图

vue 间隔柱状图

2021-05-27 10:52:54 373

原创 vue 两项数据对比图

vue 两项数据对比图

2021-05-27 10:35:06 1359

原创 vue 饼图右侧 lengend 数据自己渲染

vue 饼图右侧 lengend 数据自己渲染

2021-05-27 10:25:34 287

原创 vue 横着的斜切柱状图

vue 横着的斜切柱状图

2021-05-27 10:11:10 697

原创 vue 路由跳转的报错

当我点击经济运行分析再重复点击时候会报如图错误解决方法：在router文件下的index中添加： const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) }示例：over...

2021-05-26 14:34:18 227