- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue3 + element-plus的upload + js-web-screen-shot实现截图 标注 马赛克功能
【代码】vue3 + element-plus的upload + js-web-screen-shot实现截图 标注 马赛克功能。
2025-06-26 19:01:08
328
原创 vue前端屏幕适配lib-flexible-computer + postcss-pxtorem
摘要：本文介绍了如何在项目中安装和使用lib-flexible-computer库，并通过postcss-pxtorem插件实现自动将px转换为rem的适配方案。首先，通过npm安装lib-flexible-computer并在入口文件中引入，同时在index.html中添加必要的meta标签。接着，安装postcss-pxtorem插件，并在vue.config.js中配置相关参数，如rootValue、unitPrecision和propList等，以实现设计稿宽度与rem的自动转换。该方案适用于移动端
2025-05-15 13:51:59
273
原创 时间格式化 {y}-{m}-{d} {h}:{i}:{s} 封装使用
在使用的页面里引入import { parseTime } from '@/utils/date.js'首先在utils文件下新进一个date.js文件。// 转换为xx-xx-xx xx:xx:xx。date.js 里代码如下。
2025-03-22 17:16:53
283
原创 vue3 + element-plus form表单校验 上传了文件 校验提示不消失
/ 假设 formData 是你的表单数据对象。// 更新表单数据，例如设置文件路径或状态。/ 假设 uploadFile 是你的上传方法。// 确保 'file' 是你的文件字段名。
2025-03-10 13:49:05
443
原创 vue3 + element-plus 打开dialog弹窗时 重置表单校验
el-dialogcenter<el-form</el-form></script>
2025-02-27 10:36:22
372
原创 vue3 + element-plus input输入框在form表单中设置只能输入字母和数字并且最多输入9位字符
disabled="thetitle == '查看签证申请' || thetitle == '审批签证申请'"<el-form-item label="护照号码" prop="passportNo">placeholder="请输入护照号码"
2025-02-27 09:59:44
488
原创 iPhone手机点击input, 输入内容时, 页面会自动放大
总结:苹果手机输入框自体不是16px时会自动放大的功能，认为这样用户体验好。我觉得起作用的地方，主要在于"user-scalable=no"禁止页面手动缩放使得不能缩放，这样在苹果手机上就不会自动放大了。html文件中 加上移动端元信息。
2025-02-13 14:38:04
302
原创 vue3 + element-plus type=“daterange“ 的日期选择器 for循环动态设置日期范围 (日期范围为上一个日期的结束日期)
'审批差旅计划' " @click="delTrip(index)" size="20" color="red" style="cursor: pointer;<el-form-item :label="'第'+ (index + 1) +'段差旅行程'" :prop="'tripList.' + index + '.time'" :rules="{ required: true, message: '请选择该段差旅形成时间', trigger: ['change', 'blur'] }">
2025-01-21 15:36:54
1925
原创 vue2关闭eslint
保存文件，然后重新启动项目。这样就会在整个项目中关闭 ESLint 检查，包括保存时的自动检查。此配置将完全禁用整个项目的 ESLint 检查，不再触发任何 ESLint 提示和错误消息。如果没有该文件，可以直接在项目根目录创建一个。
2025-01-09 17:47:11
1302
原创 vue + js 导出二进制流excel文件 获取编码fileName 转码
//导出constonExport=()=>{ElMessageBox.confirm('你确认要导出该页数据吗','温馨提示',{type:'warning',confirmButtonText:'确认',cancelButtonText:'取消'}).then(()=>{exportContractDetailAPI({id:contractDetail.value.id}).
2025-01-07 10:12:23
326
原创 vue3 前端调用后台下载接口 后端返回为blob格式 怎样拿到错误信息(api方法已封装 请求头responseType已设置为blob)
departmentIds: queryparams.value.departmentIds.join(','), // 转字符串。ElMessage.success('导出成功')
2025-01-06 14:01:59
432
原创 打开一个新页面 打开pdf文件 给新页面设置title 并创建一个iframe给scr,width,height
newWindow.document.title = "新页面标题";// 你想要加载的URL。// 在新页面中添加脚本执行的标题。const url = pdf文件地址url。
2025-01-06 10:38:32
327
原创 vue3 + js + pinia 权限配置 v-permission
element1.elements.forEach(item => { / / 此片代码内容为 获取role[] 权限数组 ruleNames。throw new Error(`v-permission 需要配置权限，例如 v-permission="['xxx']"`);console.warn('权限数据 "menu/getRuleNames" 格式不正确，请检查 store 配置。// 检查是否配置了权限参数。// 判断是否有权限。// 判断是否有权限。
2025-01-06 10:37:05
1291
原创 vue3 + element plus el-tree 数据合并显示问题 数据不刷新问题 (所有节点id必须是唯一的,不可能相同)
const userTree = ref(null) // 创建一个ref来引用el-tree组件。
2025-01-06 10:36:22
368
原创 vue3 +element plus el-tree搜索功能和父组件调用子组件方法
暴露出方法：defineExpose({ getCheckedNodes });// 搜索框tree。
2025-01-06 10:35:34
584
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人