随笔分类 -  vue

element plus 树形 横向 合并 table表格
摘要：<el-table class="w100" height="100%" :span-method="spanMethod" :data="state.tableTemData" :cell-style="cellStyle" border :show-header="false"> <el-tab 阅读全文
posted @ 2022-02-10 16:20 Edith6 阅读(1921) 评论(2) 推荐(0)
vue3 + vite2 大屏适配(同移动端适配rem)
摘要：安装插件 postcss-pxtorem yarn add postcss-pxtorem 根目录新建 postcss.config.js module.exports = { "plugins": { "postcss-pxtorem": { rootValue: 100, //根节点字体大小，以 阅读全文
posted @ 2021-10-20 10:08 Edith6 阅读(1879) 评论(0) 推荐(0)
element-ui自带的滚动条
摘要：只需要包裹在需要滚动的容器外层，如下： <el-scrollbar class="customScrollbar"> <!-- 需要滚动的容器 --> </el-scrollbar> 样式(必须设置) .customScrollbar{ height:100% } .customScrollbar 阅读全文
posted @ 2021-08-27 10:46 Edith6 阅读(358) 评论(0) 推荐(0)
vue viewJS 预览图片
摘要：安装 viewerjs npm install viewerjs --save 引入 main.js import Viewer from 'viewerjs' import 'viewerjs/dist/viewer.css' Vue.use(Viewer) 使用 showImage(url) { 阅读全文
posted @ 2021-07-26 15:06 Edith6 阅读(353) 评论(0) 推荐(0)
vue自定义日历组件（非UI组件）
摘要：<! > <template> <ul> <li v-for="item in calendarArray" :key="item.time" > <div :style="'color:' + (item.isCurrentMonth ? '#000' : '#bbb')" > {{ item.d 阅读全文
posted @ 2021-07-16 13:40 Edith6 阅读(406) 评论(0) 推荐(0)
vue导出Excel表格(纯前端)
摘要：安装依赖 npm install -S file-saver npm install -S xlsx npm install -D script-loader 新建Blob.js和Export2Excel.js Export2Excel.js /* eslint-disable */ require 阅读全文
posted @ 2021-07-15 17:26 Edith6 阅读(169) 评论(0) 推荐(0)
vue 封装组件（以button和select为例）
摘要：Button 目录文件 首先创建button文件夹，新建index.vue文件 index.vue <template> <div :class="type == 'Default'?'btn default':type == 'primary'?'btn primary':type == 'dan 阅读全文
posted @ 2021-07-15 16:11 Edith6 阅读(530) 评论(0) 推荐(0)
远程图片资源跨域问题(vue页面导出pdf时，图片不能显示)
摘要：方案一：(实测无效，仍会报跨域问题，不推荐) <!-- 添加crossorigin=“anonymous”属性 同时 后端配置该图片地址的跨域--> <img crossorigin="anonymous" :src="imgSrc ? imgSrc : ''"/> 结论： | 后端是否配置跨域 | 阅读全文
posted @ 2021-07-15 15:53 Edith6 阅读(1234) 评论(0) 推荐(0)
video视频导出pdf截图
摘要：<div class="imgShow"> <img style="border:none" :src="newImage" alt=""> </div> <video v-show="imgVideoTab" muted class="video-class" id="video_id" auto 阅读全文
posted @ 2021-07-15 15:20 Edith6 阅读(291) 评论(0) 推荐(0)
vue页面导出pdf
摘要：安装插件 npm install html2canvas --save npm install jspdf --save exportPDF.js import html2Canvas from 'html2canvas'; import JsPDF from 'jspdf'; export def 阅读全文
posted @ 2021-07-15 14:59 Edith6 阅读(407) 评论(0) 推荐(0)
ArcGis4.1.5 for vue 使用总结
摘要：ArcGis官网教程API https://developers.arcgis.com/labs/ 1、安装 esri-loader npm install --save esri-loader yarn add esri-loader 2、引入 esri-loader import { loadM 阅读全文
posted @ 2020-08-07 15:16 Edith6 阅读(831) 评论(0) 推荐(0)
element upload 上传报错 Uncaught TypeError: Cannot set property 'status' of undefined
摘要：报错原因：设置了:file list="fileList"，filelist为只读，修改后就会报错 Cannot set property 'status' of undefined 解决方法：在成功回调中用setTimeout清空上传列表即可解决。 代码如下 阅读全文
posted @ 2020-03-13 14:46 Edith6
element 表格回显默认选中的一行在第一行显示
摘要：```js editrepeat(data) { postForm("",{}).then(res =>{ console.log(res) this.tableDatas = res.data.data console.log(this.tableDatas) this.che... 阅读全文
posted @ 2020-01-09 14:28 Edith6
elementui 树控件默认隐藏第三级菜单
摘要：```html ``` ```js data() { return { defaultProps: { children: "children", label: this.labelFn }, orgtree: [], idArr:[] }; methods:{ getOrgTree() { get("地址").then(res => { this.orgtree = res.data.data; 阅读全文
posted @ 2019-12-23 17:19 Edith6 阅读(1974) 评论(0) 推荐(0)
elementui禁用树形结构全部复选框
摘要：需求：编辑回显数据后，禁用树形结构复选框，不可选中，无复选框也不可选中 阅读全文
posted @ 2019-11-08 15:04 Edith6
elementui限制开始日期和结束日期
摘要：项目需求：开始日期和结束日期 禁用当前日期之前的日期。同时结束日期 禁用开始日期之前的日期 阅读全文
posted @ 2019-10-31 17:36 Edith6 阅读(1712) 评论(0) 推荐(0)
vue+element下拉树选择器
摘要：项目需求：输入框点击弹出树形下拉结构，可多选或者单选。 解决方案：1.使用layui formSelect多选插件 2.基于vue+elementui 下拉框和树形控件组合成树形下拉结构 阅读全文
posted @ 2019-10-28 15:38 Edith6 阅读(8627) 评论(0) 推荐(0)