组件
是迪迪呀.
写博客是为了记笔记!
展开
-
vue批量引入组件、注册和使用
文章目录一、使用场景二、使用步骤1.文件目录2.HTML代码3.js代码4.css代码(可不看,写出来只是为了代码完整性,拿来可以直接运行展示)三、总结一、使用场景在日常开发中,经常会有这样一种情况: import A from 'components/A' import B from 'components/B' import C from 'components/C' import D from 'components/D'遇到这种重复的代码,就在想,是否可以进行以下优化,一次性全部原创 2021-05-10 15:31:53 · 1317 阅读 · 0 评论 -
a-table中的rowSelection清空问题
项目场景:选中a-table中的rowSelection之后,取消之前准备的操作,切换tab页,再次回来时rowSelection仍是选中状态问题描述:html中:<a-table :columns="column" :data-source="dataList" :rowKey="record => record.guid || record.stcd" :pagination="false"原创 2021-04-06 16:36:49 · 5335 阅读 · 7 评论 -
js中树与数组的相互转化(树的子节点若为空隐藏children字段)
写博客是为了记笔记前言在使用elmentUI或者antUI等中的 cascader 级联选择器时 ,需要树级结构,有时就会需要进行树与数组的相互转换,这里的树和数组的相互转换还一、树转数组 treeToArray(list, newArr = []) { list.forEach(item => { const { child } = item if (child) { delete item.child原创 2021-03-11 15:27:09 · 1248 阅读 · 0 评论 -
antUI中a-modal 拖拽功能制作
写博客是为了做笔记!!!antUI中a-modal 拖拽功能制作文章目录一、在utils中创建drag.js文件,内容如下:二、在main.js中引入:三、使用:总结一、在utils中创建drag.js文件,内容如下:import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dragModal', { bind(el, binding, vnode, oldVnode) { const dialogHeaderE原创 2020-12-28 15:44:11 · 991 阅读 · 1 评论 -
vue使用E-Charts制作专题图(点击跳转下级)---第二篇
vue使用E-Charts制作专题图(点击跳转下级)---第二篇写博客是为了做笔记先给大家看一下效果图:“专题图”顾名思义就是地图的每一部分根据一定的标准,展现出不一样颜色,使人们更直观的看出这个标准的变化的图。这个地图的颜色是因为从后台获取的数据的问题展示出现在这种颜色的。接下来,上干货:第一步:获取e-charts以及在main.js中对其进行配置,详情见我之前的文章或e-char...原创 2020-03-24 11:30:30 · 1401 阅读 · 0 评论 -
vue使用e-charts制作专题图(广西省为例)---第一篇
vue使用E-Charts制作专题图(广西省为例)---第一篇写博客是为了做笔记先给大家看一下效果图:“专题图”顾名思义就是地图的每一部分根据一定的标准,展现出不一样颜色,使人们更直观的看出这个标准的变化的图。这个地图的颜色是因为从后台获取的数据的问题展示出现在这种颜色的。接下来,上干货:第一步:获取e-charts以及在main.js中对其进行配置,详情见我上一篇文章或e-chart...原创 2020-01-11 18:34:34 · 719 阅读 · 0 评论 -
对e-charts进行二次封装的简单柱形统计图
对e-charts进行二次封装的简单柱形统计图初次使用e-charts时,很多朋友会对很多参数有很大的困扰,特别是对于小白来说,不明白什么参数是干什么的,我在这里封装了一个简单的e-charts柱形统计图,希望大家多多指教!所需工具:vue第一步:npm install echarts --save 下载e-charts第二步:在所需组件中引入 import echarts from ...原创 2019-11-19 23:53:41 · 522 阅读 · 0 评论