- 博客(58)
- 收藏
- 关注
RSS订阅原创 vue中根据html动态渲染内容2.0
上次使用的是p标签用的contenteditable代替的可编辑的input，最后实现还是选择了用el-input的textarea方式。最后发现还是el-input会更好一点，只不过需要处理输入框撑开的样式问题。一开始考虑的是需要根据用户输入自动撑开输入框，所以选择了p标签可编辑。至于样式大家可根据自己需要进行调整。
2025-04-09 11:09:13
332
原创 vue3中左右布局两个个组件使用vuedraggable实现左向右拖动，右组件列表可上下拖动
具体实现是使用elementplus的组件，然后根据tagName的类型去渲染不同的组件。右侧是渲染组件，点击左侧菜单或者拖动即可渲染出对应的组件。项目中采用vuedraggable实现拖拽功能。需求：左侧是个菜单组件，有对应的表单类型。已上就是整个实现过程啦！
2025-04-09 11:00:44
245
原创 vue3项目中模拟AI的深度思考功能
我这边是有三个入口都会触发sse事件，所以需要监听sendStatus属性来去进行发送sse请求，大家可以根据需要进行处理。我这边的sendStatus是在pinia中存储的哦，包括我的调用存储key的事件。因为我这边需要本地存储对应的表单深度思考，当我发布表单之后就可以删除掉了。需求：AI生成增加深度思考过程。大家自行根据设计图进行修改哦~以上就实现了深度思考的过程。
2025-04-08 16:24:48
205
原创 当元素设置contenteditable=“true“时，点击按钮后插入文本后如何确认光标
元素设置contenteditable="true"后的光标问题
2025-03-17 14:15:30
159
原创 div设置contenteditable=“true“实现 placeholder效果
这样就可以实现了，如上图我在disabled的时候也需要展示，所以多加了一条。
2025-03-12 17:42:02
155
原创 vscode将文件中行尾默认CRLF改为LF
在你使用git拉取代码的时候，git会自动将代码当中与你当前系统不同的换行方式转化成你当前系统的换行方式，从而造成这种冲突。在设置里Eol 选\n 即可默认为LF。
2025-02-19 10:53:49
749
原创 windows系统不弹出用户控制中心
1️⃣ 首先，按下Win+R键，打开运行窗口，输入“msconfig”并按下回车。2️⃣ 接下来，切换到“工具”选项卡，找到“更改UAC设置”，然后点击“启动”。3️⃣ 在弹出的用户账户控制设置对话框中，选择“为从不通知”，然后点击确定。是不是每次打开电脑都看到那个烦人的用户账户控制弹窗？解决电脑频繁弹出用户账户控制的方法！
2025-02-10 10:38:22
98
原创 Vue3+vite+vant开发移动端项目使用postcss-px-to-viewport-8-plugin 适配
这样开发的项目，我们查看元素px都转换为了vw，vh的单位。
2024-09-23 10:33:39
578
原创 搭建Vue3+vite+pinia项目
（2）在src目录下创建store文件夹，自定义js文件，例如图片的user.js可以用来缓存用户相关的数据（后续可以根据需求自定义不同模块的js文件）。（3）在src目录下新建router文件夹，文件夹下新建index.js。（4）在vite.config.js中配置开发时代理，解决跨域问题。（3）在文件中引入我们封装好axios的api文件。（4）main.js中引入router。（2）在src目录下，创建api文件夹。（3）main.js中使用。（2）main.js中引入。（4）页面中引入使用即可。
2024-09-09 13:31:39
457
原创 vue3使用vue-i18n国际化
与vue2不同的是版本问题，vue2之间安装的话版本回过高。2、在src目录下新建语言文件夹。4、语言文件夹下的入口文件。3、main中引入插件。
2024-08-26 14:40:34
236
原创 vue2项目使用vue-i18n
2、scr目录下新建i18n文件夹，下边创建三个文件，分别是入口文件以及你所需的语言文件。5、页面头部可以使用下拉选切换语言。4、i18n文件下的入口文件内容。
2024-08-26 14:23:57
876
原创 vue项目中xlsx或者pdf等文件预览
上述代码 excelFile 为文件地址，出pdf外可使用免费的微软去读取展示。唯一不足就是会加载有些缓慢，回去请求微软，大家看需求使用哦。
2024-06-03 09:58:42
147
原创 vite请求报错Hostname/IP does not match certificate‘s altnames: Host: www.aceplusdigital.
【代码】vite请求报错Hostname/IP does not match certificate‘s altnames: Host: www.aceplusdigital.
2024-05-13 11:42:04
591
原创 el-upload上传满足限制条件后隐藏上传按钮
在这个例子中，当文件数量超过限制时，handleBeforeExceed方法会返回false，从而隐藏上传图标。handleExceed方法会在文件超过限制时触发，提示用户当前的上传限制。
2024-04-15 13:45:00
1065
原创 el-upload上传如何携带其他参数
第二个办法：可不设置auto-upload属性，然后在before-upload事件中return false，也可以实现手动上传。两个办法，第一个办法：直接设置auto-upload为false。用el-upload上传表格数据，并且手动提交。需要将上传的文件以及后端需要的参数一并传过去。以上就可以进行手动上传啦！
2024-04-11 10:17:44
698
原创 el-dialog中的回车事件
由于需求登录回车后需要弹出弹框输入谷歌验证码，于是有了回车事件不生效的问题。这个只存在于普通的页面当中，比如登录中的按钮。弹窗中的回车事件需要在dialog上加事件。
2024-04-10 17:00:42
690
原创 git过滤
2、如果已经添加到仓库中某些没必要的文件，可食用以下代码删除跟踪。1、在项目中创建.gitignore文件，添加要过滤的文件。3、将改动push到远程仓库即可。
2024-03-25 09:56:34
231
原创 gitlab设置SSH密钥
ssh-keygen -t rsa -C “xxx@.com” – 生成新的public key，xxx@.com对应 .gitconfig文件中的email参数值；如果是已经生成了，但是不是自己的那么执行下列操作。下列命令可以查看git设置。
2024-03-14 14:26:56
1318
原创 页面无操作后提示信息
这段代码会在页面加载后开始计时，如果在接下来的十秒内用户没有任何操作（鼠标移动、键盘按键、页面滚动），则会弹出一个警告框提示用户。如果用户在这段时间内有操作，计时器会被重置，重新开始计时。在前端实现页面无操作十秒后提示信息的功能，通常可以通过JavaScript来完成。弹窗可能会打扰到用户，你可以根据实际需要替换成其他形式的提示，例如在页面上显示一个自定义的提示层或者通知。// 设置无操作提示的超时时间（单位：秒）// 页面加载完成后初始化计时器。// 重置计时器的函数。// 提示信息的函数。
2024-03-14 11:04:40
436
原创 前端开发辅助工具
线上置换本地资源辅助工具1、找到线上资源2、启动本地服务。3、本地与线上一一对应，本地线上有一个js，只需要建一个URL->URL。本地线上有多个js,css资源，建立多个URL->URL4、左面是线上url,右面是本地地址，如果file,选URL→File5、打开开关本地资源覆盖线上，关掉停止覆盖6、更多help里边查看。...
2022-07-26 14:57:21
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人