Loading

随笔分类 -  vue

vue2 打印、导出
摘要：父组件 <template> <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body> <statement-preview :data-list="dataList" ref="statementPr 阅读全文
posted @ 2024-07-18 14:07 请叫我王小胖 阅读(463) 评论(0) 推荐(0)
vue 页面标签缓存问题
摘要：1.确定keep-alive标签是否存在 2.判断菜单上面路由地址是否与页面上name保持一致并且首字母大写 阅读全文
posted @ 2024-03-29 15:56 请叫我王小胖 阅读(29) 评论(0) 推荐(0)
vite设置proxy代理
摘要：server: { port: 80, host: true, open: true, proxy: { [env.VITE_APP_BASE_API]: { target: env.VITE_APP_API, changeOrigin: true, rewrite: (p) => p.replac 阅读全文
posted @ 2024-03-29 15:09 请叫我王小胖 阅读(250) 评论(0) 推荐(0)
vue前端根据el-table导出excel
摘要：1.导入xlsx、xlsx-style、file-saver npm install --save xlsx npm install --save xlsx-style npm install --save file-saver 2.防止xlsx-style报错 vue.config.js添加 ch 阅读全文
posted @ 2024-03-28 10:11 请叫我王小胖 阅读(705) 评论(0) 推荐(0)
utils.js
摘要：加减乘除运算 /** * @description: 加法运算 * @param {*} arg1 * @param {*} arg2 * @param {*} number 展示小数点后位数 * @return {*} */ export function operationAdd(arg1, a 阅读全文
posted @ 2023-06-05 10:34 请叫我王小胖 阅读(35) 评论(0) 推荐(0)
el-button 鼠标点击后不自动失去焦点问题
摘要：在按钮点击后强制按钮失去焦点 1.在按钮点击的方法后加上失去焦点的方法 <el-button @click="showDetail(scope.row, $event)">详情</el-button> showDetail (rowData, event) { if (event.target.no 阅读全文
posted @ 2023-05-26 09:19 请叫我王小胖 阅读(1445) 评论(0) 推荐(0)
vuex的应用
摘要：需求:系统顶部添加项目下拉框,顶部下拉框选项改变时其他模块下拉框同时改变。 1.开始进入系统的时候获取项目列表 页面调用接口 // 获取项目列表 store.dispatch("getProject").then(() => {}); store新建project.js 1 import { lis 阅读全文
posted @ 2023-03-15 16:37 请叫我王小胖 阅读(33) 评论(0) 推荐(0)
页面缓存<keep-alive>标签的注意点
摘要：<keep-alive>有下面三个属性 include 字符串，数组或正则表达式。只有名称匹配的组件会被缓存。 exclude 字符串，数组或正则表达式。任何名称匹配的组件都不会缓存。 max 数字。最多可以缓存多少组件实例。 使用数组时可动态加载。 重点！！！ 这里存的数组是name值 而name 阅读全文
posted @ 2022-09-26 17:28 请叫我王小胖 阅读(41) 评论(0) 推荐(0)
vue页面内预览docx/pdf/xlsx
摘要：1.页面 <div ref="docsRef" id="fileView" class="view" :style="{ height: viewHeight + 'px' }"></div> <div v-if="fileType == 'pdf'" v-loading="loading" cla 阅读全文
posted @ 2022-06-23 11:21 请叫我王小胖 阅读(4039) 评论(0) 推荐(0)
vue-quill-editor 富文本引入
摘要：1.npm 引入 npm install vue-quill-editor --save npm install quill --save 2.main引入 import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill. 阅读全文
posted @ 2022-06-23 10:16 请叫我王小胖 阅读(218) 评论(0) 推荐(0)
Element form循环表单提交问题
摘要：该情况是在form下嵌套多个for循环类型的form html页面 <el-form :model="dataForm" :rules="dataRule" ref="dataForm" style="height: 60vh;overflow: auto" label-width="150px" 阅读全文
posted @ 2022-05-06 10:24 请叫我王小胖 阅读(495) 评论(0) 推荐(0)
根据中心点位/斜边长度/角度 生成随机裂缝坐标轴
摘要：根据中心点位/斜边长度/角度 生成随机裂缝坐标轴已知裂缝中心点位 /裂缝长度/角度 生成裂缝位置形状坐标图 效果图 页面代码 <el-row v-show="showChart"> <el-col :push="2" :span="20"> <div id="axis"></div> </el-col> </el-row> <el-button 阅读全文
posted @ 2022-01-06 15:43 请叫我王小胖 阅读(169) 评论(0) 推荐(0)
elementUI-table Shift多选
摘要：elementUI-table Shift多选1.页面 table上加 @select="pinSelect" ref="multipleTable" 2.定义字段 origin: -1, // 起点数 pin: false, // 默认shift不按住 3.页面加载时监听按键 mounted () { window.addEventListe 阅读全文
posted @ 2021-12-28 17:10 请叫我王小胖 阅读(653) 评论(0) 推荐(0)
vue 页面实现拖拽调整元素宽度
摘要：vue 页面实现拖拽调整元素宽度方法可分为两种 第一种 使用iviewUI 的split 面板分割组件 第二种就是自己写一个监听鼠标点击移动位置 一. 使用iview 的split 面板分割组件 这里是说明链接 https://www.cnblogs.com/wjian0916/p/16227825.html 二. 监听鼠标 1. 阅读全文
posted @ 2021-12-24 17:10 请叫我王小胖 阅读(2700) 评论(0) 推荐(0)
图片编辑器----- tui-image-editor
摘要：1.上图 2.引入 tui-image-editor npm i tui-image-editor 3.直接上代码 1 <template> 2 <el-dialog append-to-body :visible.sync="imgVisible" :title="imgName" width=" 阅读全文
posted @ 2021-12-21 09:09 请叫我王小胖 阅读(4637) 评论(7) 推荐(0)
npm 更改为淘宝镜像的方法
摘要：1、命令行临时使用指定镜像 npm --registry https://registry.npmmirror.com install express 2、永久使用指定镜像 npm config set registry https://registry.npmmirror.com 3、使用cnpm 阅读全文
posted @ 2021-12-08 11:08 请叫我王小胖 阅读(892) 评论(0) 推荐(0)
el-input 正则校验
摘要：el-input 正则校验只能填数字 oninput="value=value.replace(/[^\d]/g, '')" 只能填数字和小数点 oninput="value=value.replace(/^\.+|[^\d.]/g,'')" 只能填数字和小数点 后两位 oninput="value=value.replac 阅读全文
posted @ 2021-11-30 10:05 请叫我王小胖 阅读(3017) 评论(0) 推荐(0)
axios下载blob文件
摘要：1. 接口api export function downTemplate(data) { return request({ url: 'bridge/bridegaccidentinfo/download', method: 'get', responseType: "blob", //设置接收数 阅读全文
posted @ 2021-11-26 09:39 请叫我王小胖 阅读(437) 评论(0) 推荐(0)
file base64 url 之间的转换
摘要：function urlToBase64(url) { const img = new Image() img.onload = function () { const canvas = document.createElement('canvas') const ctx = canvas.getC 阅读全文
posted @ 2021-11-26 09:35 请叫我王小胖 阅读(407) 评论(0) 推荐(0)