vue
一秒时光之恋笑
这个作者很懒,什么都没留下…
展开
-
Vue实现表格动态合并单元格
自动合并相邻相同数据行原创 2023-12-04 17:25:49 · 1143 阅读 · 0 评论 -
Ant Design Vue range-picker限定可选择的时间范围,动态禁用其他日期
Ant Design Vue range-picker限定可选择的时间范围,动态禁用其他日期。比如可选择的时间范围是7天 那么也就是动态进入选定时间的前后6天,再动态禁用今天以后的时间。代码如下原创 2022-07-01 15:35:15 · 3461 阅读 · 0 评论 -
vue自定义组件实现文件列表预览与下载
由于ant-design-vue自带的a-upload组件与JeecgBoot封装的j-upload组件在查看上传文件列表时都不太满足项目需要,就自定义了文件列表查看组件,主要仿a-upload组件list-type="picture-card"样式设计,封装了在线预览(仅实现了图片与pdf文件的预览功能)和下载功能。1.首先安装vue-pdf插件 用于预览pdfnpm install --save vue-pdf2.组件FileList.vue代码如下 放置在src/compon..原创 2022-02-25 16:34:42 · 3712 阅读 · 0 评论 -
vue-pdf插件实现PDF预览功能
1.安装插件npm install --save vue-pdf2.代码<template> <div> <a @click="handlePreview()" alt="查看文件" class=""><a-icon type="eye" /></a> <a-modal width='1000px' :visible="previewPdfVisible" @cancel="handlePdfCancel"原创 2022-02-25 16:04:46 · 2192 阅读 · 0 评论 -
vue中this.$nextTick()的理解
如何理解this.$nextTick(),vue中this.$nextTick()的使用场景是什么原创 2022-02-23 15:58:45 · 488 阅读 · 0 评论 -
Vue+Ant-Design-Vue+JeecgBoot项目 滚动条样式 全局设置
项目技术框架:Vue+Ant-Design-Vue+JeecgBoot滚动条全局样式设置,可在public/index.html中添加设置滚动条的样式/* 滚动条优化 start */ /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ ::-webkit-scrollbar{ /* width: 10px; height: 10px; background-color: #ebebe0; */ width: 6.原创 2022-02-23 15:12:46 · 1753 阅读 · 0 评论 -
ECharts绘制饼图
ECharts绘制各种图表非常方便,首先去官网找到想要绘制的图表做参考 ,以下链接时官网示例Examples - Apache EChartsECharts, a powerful, interactive charting and visualization library for browserhttps://echarts.apache.org/examples/zh/index.html#chart-type-pie需要定制的部分可查阅配置手册Documentation - Apache ECh原创 2022-02-21 14:40:09 · 2171 阅读 · 0 评论 -
全国的省地市编码json
(如果匹配有问题的话,可能需要加上省,如"河南"改为"河南省")[{ "name": "安徽", "city": [{ "adcode": "340100", "name": "合肥" }, { "adcode": "340200", "name": "芜湖" }, { "adcode": "340300", "name": "蚌埠" }, { "adcode": "340400", "name": "淮南" }.原创 2022-02-20 11:04:01 · 1753 阅读 · 3 评论 -
河南省的地市编码json
[ { "adcode": "410100", "name": "郑州市" }, { "adcode": "410200", "name": "开封市" }, { "adcode": "410300", "name": "洛阳市" }, { "adcode": "410400", "name": "平顶山市" }, { "adcode": "410500",..原创 2022-02-20 10:59:18 · 767 阅读 · 0 评论 -
使用echarts绘制geo地图
我这里实现的是河南省的地图 点击要下钻的区域展示相应区域的地图,点击地图外部空白处返回上一级。一、准备geojson数据网址:DataV.GeoAtlas地理小工具系列下载需要的geojson数据。保存到src/assets文件夹下准备河南省的地市编码json文件(all_henan.json),该文件网上比较难找,我在这里贴出来all_henan.json文件 [ { "adcode": "410100", "name": "郑州市" ...原创 2022-02-20 10:54:46 · 7307 阅读 · 0 评论 -
vue实现打印功能
1、安装npm installvue-print-nb --save2、引入安装好以后在main.js文件中引入import Print from 'vue-print-nb'Vue.use(Print); //注册3、使用<div id="printContent" > 这是要打印的内容</div><button v-print="'#printContent'">打印</button>...原创 2022-02-16 10:16:25 · 357 阅读 · 0 评论