12 2024 档案
摘要：在项目开始的时候，把所有的代码都码好。在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。 跳转后页面的样式会沿用了前一个页面的样式，导致页面错乱。 解决办法: 在跳转前和跳转后页面的style上加上scoped <style scoped> header{ width:
阅读全文
摘要：router-view 实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view作为容器。 通过路由跳转的三种方式 1、router-link 【实现跳转最简单的方法】 <router-link to='需要跳转到的页面的路径> 浏览
阅读全文
摘要：1.安装 npm i vconsole -D 2.在Vue项目的入口文件（通常是main.js或main.ts）中导入VConsole 请注意，在生产环境下，你应该避免将VConsole包含在你的项目中。你可以使用条件语句来仅在开发环境下引入VConsole //处理是开启H5调试 import V
阅读全文
摘要：路由（router） 一、就是对应关系 前端路由的工作方式： 1.用户点击了页面上的路由链接 2.导致了URL地址栏中的hash值发生了改变 3.前端路由监听到了hash地址的变化 4.前端路由吧当前hash地址对应的组件渲染到浏览器中 二、history原理 1、history模式主要使用两个HT
阅读全文
摘要：1、先看看package.json文件，是不是安装了vue-router，如下图，因为我安装了所以有 2、如果没有安装，就使用命令下载vue-router，因为是vue3，要使用vue-router4.0.0以上版本 npm install vue-router@/next --save 3、在项目
阅读全文
摘要：一、问题 在配置路由的时候，遇到了一个问题，就是添加路由界面的时候，找不到指定的文件，提示错误，如下图: 但是，如果将@换成 ../就正常了，如下图: 二、解决方法 1、需要先安装一个path的插件 npm install --save-dev @types/node 2、找到vite.config
阅读全文
