![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
钮钴禄泡泡
我最爱敲代码了
展开
-
vue-router中的两种模式
hash模式hash模式,就是地址栏中的#history模式window.history对象打印出来可以看到里边提供的方法和记录长度hash模式和history模式的区别项目发布成功hash 前进后退刷新都通过 它采用的是window.onhashchange()实现的history 前进后退都通过 刷新不通过 因为浏览器把地址中的路径当成了后端的接口,如果后端有这个接口就访问,如果没有就报404错误 它模式是采用html5新增的 interface 中的pushState(..原创 2021-03-02 17:17:32 · 162 阅读 · 0 评论 -
vue-router有哪几种导航钩子函数
三种全局导航钩子函数beforeEach(to,from,next)afterEach(to,from,next)路由独享导航钩子函数beforeEnter组件内部导航钩子函数beforeRouteEnter不能使用thisbeforeRouteUpdate只有路由发生改变了才会触发这个钩子函数beforeRouteLeave实现登录拦截使用全局的导航钩子函数需求:用户已经登录,不拦截,可以访问所有的路由用户未登录,如果去的是登录或注册页面不拦截,否则,原创 2021-03-02 17:07:18 · 695 阅读 · 1 评论 -
vue3.0+ts路由跳转Uncaught SyntaxError: Unexpected token ‘<‘ 的bug解决方法
在做vue+ts项目时 定义了一个三级路由然后在页面中使用的是router-link跳转的当我信心满满运行项目 点击的路由的时候 第一个完美没有问题 当我点击第二个 居然报了个错???一直以为是我文件引入错误了 但是看了又看没什么问题后来才知道原来是vue3中的 publicPath 的问题 (vue.config.js)文件中只要把它修改成最后重启项目 然后问题就解决了希望对你们有帮助 我也不是很理解 但是bug解决了 哈哈哈...原创 2021-01-17 17:54:45 · 2614 阅读 · 1 评论 -
vue动态链入音频资源
项目场景:在做vue+ts项目时 动态的链入一个音频动态链入的代码this.audio = document.querySelector("audio");this.audio.src = "../../assets/audio/believer.mp3";运行代码 在控制台报了这样一个错原因分析:vue并没有把"…/…/assets/audio/believer.mp3";当成一个资源文件,而是把它当成了字符串赋值给了audio的src,所以才导致音频没有加载出来还报了一个错误解原创 2021-01-16 20:06:34 · 616 阅读 · 0 评论