摘要: 一、问题描述 项目build之后,点击dist文件中的index.html文件,打开是空白,提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/",file://…访问需要基于index.html的路径,需要再vit.config.js中进行以下配置 2.跨域问题 vit 阅读全文
posted @ 2023-10-26 17:53 ling'er 阅读(7624) 评论(0) 推荐(1) 编辑
摘要: 一、下载安装swiper 安装:pnpm install swiper 使用你熟悉的方式来安装(yarn npm cnpm) 二、在项目中引入swiper 1.main.js文件 点击查看代码 import 'swiper/swiper-bundle.css'; import "swiper/css 阅读全文
posted @ 2023-10-18 17:30 ling'er 阅读(1397) 评论(0) 推荐(0) 编辑
摘要: 本地环境搭建 一、安装chocolatey 下载 https://chocolatey.org/install#individual 根据提示在PowerShew下载安装 二、使用 choco 命令安装 themtekit 命令 安装 choco install themekit 查看是否安装完成 阅读全文
posted @ 2023-10-09 10:27 ling'er 阅读(870) 评论(0) 推荐(0) 编辑
摘要: 一、Google Chrome下载 下载 1.官网地址:https://www.google.cn/chrome/index.html 2.设置默认浏览器 在谷歌页面右上角的设置中可以设置为默认浏览器 如果设置默认应用程序中找不到谷歌浏览器,关闭谷歌--右键用管理员身份运行--再次打开就能够找到啦 阅读全文
posted @ 2023-09-19 14:32 ling'er 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 一、问题描述 在使用el-dropdown实现二级菜单时,当点击二级菜单项时一级菜单列表会消失,这与需求相违背了!! 二、解决方案 利用dom操作来控制菜单列表的显示与隐藏(注:以下是利用vue3+element-plus+组合式API实现) html部分: <el-dropdown trigger 阅读全文
posted @ 2022-12-08 15:44 ling'er 阅读(3728) 评论(1) 推荐(0) 编辑
摘要: 遇到新老项目使用的node版本不一致时,为了方便版本切换所以使用了node版本管理工具--nvm 一、nvm 安装下载 下载:https://github.com/coreybutler/nvm-windows/releases 下载压缩包然后开始安装一路点击next即可(所谓傻瓜式安装) 安装成功 阅读全文
posted @ 2022-12-07 15:13 ling'er 阅读(166) 评论(0) 推荐(1) 编辑
摘要: 解决方案:查询官方文档 阅读全文
posted @ 2022-10-08 10:25 ling'er 阅读(3470) 评论(0) 推荐(0) 编辑
摘要: 一、效果图 二、实现逻辑 将需要动态添加的表单项项的绑定值存为一个数组 以循环的方式展示form表单 点击`+`按钮触发事件,向数组中新加一个item 点击`-`按钮触发事件,根据循环的得到的index来删除数组中相对应位置的item 三、代码实现 <template> <div> <el-butt 阅读全文
posted @ 2022-06-30 16:19 ling'er 阅读(937) 评论(3) 推荐(0) 编辑
摘要: 一、效果图 二、代码实现 注:需要安装依赖 pnpm i sortablejs -S <template> <div style="padding: 15px"> <h3 style="text-align: left; padding: 10px; background: #ccc"> vue+e 阅读全文
posted @ 2022-06-30 14:11 ling'er 阅读(1257) 评论(0) 推荐(0) 编辑
摘要: vue3+setup语法糖在没有使用' name:'组件名' 的情况下可以直接用组件本身的文件名调用自己' 阅读全文
posted @ 2022-05-25 10:50 ling'er 阅读(140) 评论(0) 推荐(1) 编辑