予你@。-CSDN博客

原创如何vue使用ant design Vue中的select组件实现下拉分页加载数据，并解决存在的一个问题。

如何vue使用ant design Vue中的select组件实现下拉分页加载数据，并解决存在的一个问题。

2023-04-20 10:20:05 9368 15

原创使用Element ui 编写登录页面

1 完整引入element ui执行命令安装npm i element-ui -Smian.js中完整引入import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);2 登录页 login.vue<template> .

2022-03-14 11:18:15 32947 20

原创解决 UniApp 开发微信小程序中后端返回 “\n” 不换行的问题

UniApp开发微信小程序时，后端返回的含换行符文本在小程序中显示异常，主要原因是HTML容器默认合并空白字符。提供三种解决方案：1）推荐使用CSS的white-space:pre-wrap属性保留换行；2）利用小程序text组件特性，需确保使用正确标签并处理转义字符；3）使用rich-text组件将换行符转换为<br/>标签实现富文本效果。这些方法能有效解决换行符被忽略的问题，使文本按预期格式显示。

2026-04-30 12:00:00 64

原创 Vue2 使用 html2canvas 将 HTML 生成图片并上传到服务器

本文介绍了在Vue2项目中使用html2canvas插件实现页面元素截图并上传的方法。首先对比了Base64和Blob两种处理方式的优缺点，推荐使用Blob方式上传。详细说明了实现步骤：1)安装html2canvas；2)给目标DOM添加ref；3)核心代码流程（获取DOM→生成Canvas→转为Blob→封装FormData→Axios上传）。同时指出了常见问题及解决方案：图片跨域需配置CORS、清晰度问题可通过scale参数优化、滚动偏移需重置滚动位置。该方法实现了静默生成、直接上传和高效传输的功能。

2026-04-13 20:00:00 527

原创写在风中的信（ChatGPT&Gemini）

《写在风中的信》是一封充满诗意与温柔的告白信笺。作者以风为媒，将那些难以言说的深情寄托于自然意象：飘过的云、轻响的树叶、拂面的微风都成为思念的载体。信中细腻描绘了心动带来的世界变化——平淡生活因对方而变得明亮温柔，简单相处都如同拥有整个春天。文字间流露着真挚而克制的爱意，既有"想写进未来"的坚定承诺，又保持"等风停了，我也还在"的从容守候。这封信巧妙地将抽象情感具象化，让无形的风成为传递爱意的信使，展现了含蓄却深刻的情感表达艺术。

2026-04-11 12:00:00 257

原创 Vue2 前端生成二维码并实现扫码跳转（完整教程）

本文介绍了前端生成二维码的实现方法。通过qrcode库可以轻松实现：1）基础用法是在Vue中通过canvas生成二维码；2）进阶功能包括动态生成带参数的URL、下载二维码图片、直接展示图片等。需要注意三个常见问题：URL必须完整路径、localhost无法被手机访问、微信对非HTTPS链接有限制。文章提供了代码示例和解决方案，帮助开发者快速实现扫码跳转功能。

2026-03-27 10:52:18 837 3

原创 vue 使用html2canvas + jsPDF 将html导出为pdf (延伸问题)

摘要：HTML转PDF时图片不显示的主要原因是跨域限制（90%情况）。解决方案：1）开启useCORS选项，需服务器配置Access-Control-Allow-Origin头；2）添加crossOrigin属性；3）最稳定的方法是将图片转为Base64格式。另外需确保图片完全加载后再执行转换操作，可通过Promise.all检查图片加载状态。若服务器未配置CORS，前两种方案无效。

2026-03-27 10:46:32 134

原创 # Vue2 + Element UI 表格合并实战：第二列按「第一列 + 第二列」条件合并

本文介绍了在ElementUI的el-table中实现条件合并单元格的方法。针对需要同时满足第一列和第二列相同才合并第二列的特殊需求，通过自定义span-method方法实现：1. 第一列按col1字段合并；2. 第二列需同时满足col1和col2相同才合并。关键点包括：必须预先对数据进行排序（先按col1再按col2），在span-method中计算合并行数并处理重复项的隐藏。该方法的核心在于控制何时返回[0,0]以及如何计算rowspan，实现了"分组中的子分组合并"效果。

2026-03-19 19:15:00 104

原创 Vue2 项目中使用 html2canvas + jsPDF 导出 A4 PDF 实战指南

本文详细介绍了在Vue2项目中实现A4尺寸页面导出PDF的完整解决方案。针对Vue2老项目常见的jspdf报错问题，推荐使用稳定版本jspdf@1.5.3，并给出了正确的引入方式。重点讲解了A4标准尺寸换算（210mm×297mm≈794px×1123px）和页面样式规范，提供核心导出代码，包括多页处理逻辑。通过等比例缩放原理（const imgHeight = (canvas.height * 210)/canvas.width）确保PDF导出不变形、不拉伸，完美匹配打印尺寸。

2026-03-19 19:00:00 204 1

原创 Vue 项目中如何引用本地字体（完整指南）

本文介绍了在Vue项目中引入本地字体的详细步骤：首先将字体文件（推荐woff2格式）放入assets/fonts目录；然后通过@font-face声明字体并设置兼容格式；最后在全局或局部样式中应用。常见问题包括路径错误或打包后404，可通过调整路径或使用public目录解决。建议优先使用woff2格式以优化加载性能，并保持统一的字体目录结构。掌握这些步骤能有效实现设计稿中的字体效果。

2026-03-18 22:00:00 87

原创 Vue 实现：点击按钮将 HTML 导出为图片（完整教程）

本文介绍了在Vue项目中使用html2canvas库将HTML内容导出为图片的方法。主要步骤包括：安装html2canvas依赖，获取目标DOM元素，通过html2canvas渲染生成canvas，转换为base64格式后触发下载。文章提供了基础实现代码和更优雅的Vue ref写法，并针对常见问题如图片模糊、跨域加载和字体丢失给出了解决方案。核心流程仅需四步即可完成HTML到图片的转换导出，适合海报生成、报表截图等场景。

2026-03-18 21:45:00 296