- 博客(379)
- 收藏
- 关注
RSS订阅原创 搭建前端项目 Vue+element UI引入 步骤 （超详细）
本文介绍了搭建Vue+ElementUI项目的完整流程：首先安装Node.js和Vue CLI工具，通过Vue CLI创建项目（推荐使用淘宝镜像加速）。然后详细说明了两种安装ElementUI的方式：npm全局安装或按需引入（需配置babel插件），以及使用vue add命令通过插件安装。最后在项目中测试ElementUI组件，完成项目基础搭建。整个过程包含了环境准备、项目初始化、UI库集成等关键步骤，为后续开发奠定了基础。
2025-06-13 16:07:40
966
原创 Vue 跳转页面，第一次进页面，会出现样式混乱，刷新后即恢复正常（问题已解决）
文章记录了一个页面布局问题的排查过程，发现页面跳转后左右两侧底部不对齐但刷新后正常。通过逐步排查路由样式加载、scoped属性、网络问题后，最终发现是因父组件.nstAudio未设置height:100%导致。解决方法是为父组件添加高度样式，提醒开发者在编写样式时要注意细节，避免类似耗时问题的发生。
2025-06-12 14:02:20
266
原创 使用cursor 编辑器开发 Vue项目，配置ESlint自动修复脚本，解决代码不规范引起的报错无法运行项目问题
使用cursor 编辑器开发 Vue项目，配置ESlint自动修复脚本，解决代码不规范引起的报错无法运行项目问题
2025-06-04 14:33:07
440
原创 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
VSCode 终端显示“npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本”，运行 npm -v 也是一样的。如果爆红说明没有设置成功。如图：依次执行以下命令。成功后你再在终端使用。
2025-06-04 10:12:23
608
原创 Vue3+Element Plus 项目流程图组件vue flow使用
vue3+element Plus 使用vue flow 实现项目流程图功能
2025-06-04 10:11:09
528
原创 Vue3 （数组push数据报错） 解决Cannot read property ‘push‘ of null报错问题
Vue3 （数组push数据报错） 解决Cannot read property ‘push‘ of null报错问题
2025-06-04 09:55:20
270
原创 Vue+css实现扫描动画效果（使用@keyframes scan）
Vue+css实现扫描动画效果（使用@keyframes scan）annimation
2025-05-23 14:10:47
498
1
原创 Vue+eElement ui el-input输入框 type=number 输入无效。赋值输入框也不显示（问题已解决）
做一下记录，哎 因为这个问题 排查了好久，才发现原来是这个小知识点卡住啦。因为我这个输入框是在弹框中，所以每次打开弹框都做了一次清空操作。破坏了响应式，导致后续赋值视图不更新。所以猜测是在 init()的时候 有。只要保证 form 对象结构不变，这样的赋值，这会导致。后输入框就会自动更新。Vue 的响应式丢失。不会自动更新到视图。
2025-05-20 15:59:50
462
原创 修改element UI 分页组件样式（解决样式不生效问题）
修改element UI 分页组件（Pagination ）样式（解决样式不生效问题）
2025-04-22 16:14:04
289
原创 Vue项目解决input密码框选择浏览器提供的“已保存账户”密码，输入框白色背景色无法去除问题
Vue项目解决input密码框选择浏览器提供的“已保存账户”密码，输入框白色背景色无法去除问题
2025-04-18 10:57:57
214
原创 Vuue2 element-admin管理后台，Crud.js封装表格参数修改
Vuue2 element-admin管理后台，Crud.js封装表格参数修改
2025-04-03 10:21:07
275
原创 使用Elementor Pro制作网站的表单（From）和弹出框Popup
使用Elementor Pro制作网站的表单（From）和弹出框Popup
2025-04-03 09:26:10
357
原创 Vue3+vite项目 使用require 解决 ReferenceError: require is not defined 报错问题
Vue3+vite项目 使用require 解决 ReferenceError: require is not defined 报错问题
2025-03-24 15:01:43
2293
原创 解决报错[plugin:vite:import-analysis] Failed to resolve import “@/utils/validate“ from “src/components/S
解决报错[plugin:vite:import-analysis] Failed to resolve import "@/utils/validate" from "src/components/S
2025-03-24 13:27:02
1500
原创 elementUI 单选框报错Blocked aria-hidden on a ＜input＞ element because the element that just recei
elementUI 单选框报错Blocked aria-hidden on a <input> element because the element that just recei
2025-02-20 14:56:47
421
1
原创 用vite创建的vue3项目 body有默认属性 margin:8px去掉
用vite创建的vue3项目 body有默认属性 margin:8px去掉
2025-02-19 15:19:02
314
原创 vue3创建项目
Vue CLI 和 Vite 都是创建 Vue 3 项目的有效方式，选择哪一个主要取决于你的个人偏好和项目需求。Vue CLI 提供了更多的配置选项和插件支持，而 Vite 则以其快速的启动时间和优化的开发体验而受到许多开发者的喜爱。Vue CLI 是官方推荐的脚手架工具，而 Vite 是近年来非常流行的现代前端开发工具，它提供了更快的热模块更新（HMR）和优化的开发服务器。创建项目：使用 Vue CLI 创建一个新项目。是你的项目名称，–template vue 指定使用 Vue 模板。
2025-02-19 10:06:33
302
原创 Vue+Element-ui 中 使用el-table 设置表格单元格 (el -table-column) 保留空格和换行
Vue+Element-ui中使用el-table设置表格单元格(el-table-column)保留空格和换行
2025-01-20 13:47:39
663
原创 Vue项目解决报错 permission.js:83 [Vue warn]: Failed to mount component: template or render function not de
Failed to mount component: template or render function not defined
2025-01-13 09:34:46
733
原创 npm run dev 运行项目报错Failed to resolve loader: cache-loader You may need to install it. Error fro
npmrundev运行项目报错Failedtoresolveloader:cache-loaderYoumayneedtoinstallit.Errorfro
2024-12-30 09:44:54
1245
原创 【问题已解决】Vue管理后台，点击登录按钮，会发起两次网络请求（竟然是vscode Compile Hero编译插件导致的）
【问题已解决】Vue管理后台，点击登录按钮，会发起两次网络请求（竟然是vscode Compile Hero编译插件导致的）
2024-07-02 16:43:14
571
原创 Vue 解决报错 VM6290:1 Uncaught SyntaxError: Unexpected identifier ‘Promise‘
Vue 解决报错 VM6290:1 Uncaught SyntaxError: Unexpected identifier 'Promise'
2024-06-27 10:37:32
1257
原创 Vue 父子组件传值报错 Invalid default value for prop “statusObjA“: Props with type Object/Array must use a fa
Invalid default value for prop "statusObjA": Props with type Object/Array must use a factory function to return the default value.
2024-06-24 13:44:47
472
原创 chrome浏览器 network 显示感叹号（chrome network thinttling is enabled）
chrome浏览器 network 显示感叹号（chrome network thinttling is enabled）
2024-06-21 17:16:04
1366
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人