07 2021 档案

Ant design vue 表格的字段根据角色等条件显隐
摘要：一、 首先在columns中设置所有字段信息，例： columns: [ { title: '序号', dataIndex: '', key: 'rowIndex', align: 'center', customRender: function (t, r, index) { return par 阅读全文
posted @ 2021-07-28 17:53 逸凨 阅读(1426) 评论(0) 推荐(0)
ant design vue 表格 第一列的联动勾选框的设置
摘要：在使用ant design vue 的表格时，有时候不需要表格第一列的联动勾选框，那么在表格组件中不要设置 v-bind: rowSelection属性既可。如果需要设置 联动勾选事件、回调、勾选框类型、第一列勾选框的表头【全选/反选】的隐藏等详见官方文档的rowSelection属性配置：表格 T 阅读全文
posted @ 2021-07-22 16:44 逸凨 阅读(695) 评论(0) 推荐(0)
vue 本地储存、会话存储插件vue-ls的使用
摘要：安装 npm install vue-ls --save 或 yarn add vue-ls vue项目中使用 //在vue项目中的入口文件main.js中引入 import Storage from 'vue-ls'; options = { namespace: 'vuejs__', // 存储 阅读全文
posted @ 2021-07-14 17:59 逸凨 阅读(2909) 评论(0) 推荐(1)
vue 清除setInterval定时器
摘要：通常有2种清除方式： 1、在beforeDestroy或者destroyed钩子函数中执行清除： data() { return { timer: null // 定时器名称 } }, mouted() { this.timer = (() => { //定时器的 js操作 }, 1000) }, 阅读全文
posted @ 2021-07-09 15:34 逸凨 阅读(1970) 评论(0) 推荐(0)
echarts 图例文本太长、或者数量太多溢出的处理
摘要：根据项目需要，有时从后端取出来的图例数据太多，文本又太长，那么在展示上就不是那么完美，这时就需要对图例进行处理,效果图见下面1中的截图： 1、图例数据太多： 解决方法：echarts中已经封装了对图例的分页处理：在lengend中加入type: "scroll"即可，图例会自动根据容器的宽或高对图例 阅读全文
posted @ 2021-07-07 11:38 逸凨 阅读(19702) 评论(2) 推荐(0)
设置饼图内的空心中间位置处设置固定的label 文本，不会随鼠标移动到饼图模块的切换hover效果而显示对应的label文本数据
摘要：如上图，在echarts的官方案例中，当鼠标移动到邮件营销模块上时，中间的文本会根据series下的data来显示对应项的name值， 从上面可以看出，如果要在饼图内的空心中间位置处设置固定的label 文本，不会随鼠标移动到饼图模块的切换hover效果而显示对应的label文本数据，那么只要将上图 阅读全文
posted @ 2021-07-02 10:47 逸凨 阅读(2065) 评论(0) 推荐(0)
echarts 图例配置监听事件实现链接跳转
摘要：首先在 ECharts 中主要通过 on 方法添加事件处理函数，而echarts图表中封装了切换图例选中状态后的事件函数： legendselectchanged。【简单的说就是点击、切换图例的时候会调用legendselectchanged函数】，所以当我们需要对点击切换图例做一些js操作时，可以 阅读全文
posted @ 2021-07-01 17:09 逸凨 阅读(2584) 评论(0) 推荐(0)