随笔分类 -  vue

摘要:import { ElLoading } from 'element-plus'; import { saveAs } from 'file-saver'; export function oneClickUnzip(query) { return request({ url: '/project/ 阅读全文
posted @ 2024-12-19 10:06 行走的蒲公英 阅读(413) 评论(0) 推荐(0) 编辑
摘要:1. 什么是 getCurrentInstance? getCurrentInstance 是 Vue 3 提供的一个方法,它可以获取当前组件实例。这个方法主要用于 setup 函数 或 组合式 API 中,帮助开发者访问一些当前组件的内部数据和上下文。 官方说明:getCurrentInstanc 阅读全文
posted @ 2024-12-18 10:46 行走的蒲公英 阅读(178) 评论(0) 推荐(0) 编辑
摘要:1. 什么是 h 函数? h 函数是 Vue 3 中用来创建虚拟节点(VNode)的工具,它的本质是 createVNode 方法的简写。 h 函数的语法签名如下: h(type, props?, children?) type: 节点的类型,可以是 HTML 标签(如 'div')、组件或函数。 阅读全文
posted @ 2024-12-17 16:13 行走的蒲公英 阅读(1215) 评论(0) 推荐(0) 编辑
摘要:整体目标 实现一个在 Vue 项目中方便使用 SVG 图标,允许在页面中通过自定义标签直接引用 SVG 图标,无需手动引入每个图标文件。 具体步骤 1. 使用方式 页面中直接写标签,myicon是svg图片文件名,不需要引入。myicon文件放在指定的svg目录中即可。 <svg-icon icon 阅读全文
posted @ 2024-12-17 15:23 行走的蒲公英 阅读(574) 评论(0) 推荐(0) 编辑
摘要:1. 实现效果: 文件列表点击pdf文档可预览,含多页,带下载按钮 2. 用的vue3 + vue-pdf-embed 版本号可用1.x或2.x : 这里我用的1.2.1版本: "vue-pdf-embed": "1.2.1" // 安装: npm i vue-pdf-embed@1.2.1 vue 阅读全文
posted @ 2024-07-30 10:08 行走的蒲公英 阅读(1274) 评论(0) 推荐(0) 编辑
摘要:一开始用的二次封装的工具方法,去加遮罩层,发现进度数字无法响应式更新。 改进: import request from '@/utils/request'; import { ElLoading } from 'element-plus'; const loadProgress = ref('0') 阅读全文
posted @ 2024-03-22 15:33 行走的蒲公英 阅读(396) 评论(0) 推荐(0) 编辑
摘要:用到element plus 表格,:show-overflow-tooltip="true" 属性在 "element-plus": "2.2.27", 版本不支持修改el-tooltip文本的样式: 满足2点需求:①文字只有一行不显示悬浮框;②超出一行显示省略号,鼠标有悬浮框,且保留文本的换行效 阅读全文
posted @ 2024-03-19 16:10 行走的蒲公英 阅读(1924) 评论(0) 推荐(0) 编辑
摘要:需要用到分页计算: <el-table :data="tableData"> <el-table-column label="序号"> <template #default="{ row, column, $index }"> {{ ($index + 1) + (currentPage - 1) 阅读全文
posted @ 2024-03-18 11:40 行走的蒲公英 阅读(230) 评论(0) 推荐(0) 编辑
摘要:现有一个需求,表格单选带radio的效果,目前UI库还不支持。只能自行实现:贴下效果图: 用到vue3 + element plus: 关键代码: <!-- 表格 --> <el-table ref="refsTable" @row-click="clickRow" :data="tableData 阅读全文
posted @ 2024-03-15 17:51 行走的蒲公英 阅读(1865) 评论(0) 推荐(0) 编辑
摘要:在el-form标签上写阻止默认事件: 阅读全文
posted @ 2024-03-15 16:08 行走的蒲公英 阅读(272) 评论(0) 推荐(0) 编辑
摘要:这里记录下,自定义指令相关思路,用到 vue3 + element plus: 说明一下使用场景:创建自定义指令 v-hasPermi , 用来判断按钮权限的(新增/编辑/删除/查看等)。 1. 页面使用(全局使用,无需引入): <el-button type="primary" icon="Plu 阅读全文
posted @ 2024-03-12 15:02 行走的蒲公英 阅读(901) 评论(0) 推荐(0) 编辑
摘要:截取浏览器url function getBowserUrl(path) { let result = ''; if (path) { // 获取当前URL var currentURL = window.location.href; // 使用URL API来解析URL var urlObject 阅读全文
posted @ 2024-03-12 14:08 行走的蒲公英 阅读(8) 评论(0) 推荐(0) 编辑
摘要:计算属性(Computed): computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的,不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法,可以更灵 阅读全文
posted @ 2023-12-28 10:43 行走的蒲公英 阅读(211) 评论(0) 推荐(0) 编辑
摘要:项目中一个小需求,描述一下: 意见反馈模板,可以上传3张图片,每上传1张图片,增加1个占位图,最多上传3张。上传到第三张图片占位图消失。且支持单个、批量上传。支持显示上传进度。如图显示: elementUI组件里的,只支持一个个图片上传,这里不采用。 下面说下解决方案:使用input type='f 阅读全文
posted @ 2021-07-13 13:43 行走的蒲公英 阅读(4338) 评论(0) 推荐(0) 编辑
摘要:第一步:在vuex新建websocket.js文件: export default { namespaced: true, state: { websock: null, url: '', lockReconnect: false, //是否真正建立连接 timeout: 30 * 1000, // 阅读全文
posted @ 2021-07-13 10:06 行走的蒲公英 阅读(1729) 评论(0) 推荐(0) 编辑
摘要:只能导出当前页: 第一步:npm安装依赖:npm install --save xlsx file-saver 第二步:页面引入: 1 import FileSaver from 'file-saver' 2 import XLSX from 'xlsx' 第三步:绑定导出事件,在methods写: 阅读全文
posted @ 2020-11-23 16:00 行走的蒲公英 阅读(169) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示