连续点击导航栏报错 解决报错

路由跳转连续点击报错的话可以试试以下方法:
1).判断当前的路由地址是否是要跳转的路由地址,如果当前页面路径和要跳转的页面路由路径不相同时才进行跳转。
2).使用vue-router提供的导航守卫:在路由跳转前通过导航守卫拦截,判断是否可以进行路由跳转。
3).使用vue-router提供的keep-alive组件:使用keep-alive组件可以在路由切换时保留组件的状态和缓存,避免重复渲染和数据加载。
4).使用vue-router提供的replace方法:replace方法可以在路由跳转时替换当前路由,而不是添加一个新的历史记录,可以避免连续点击时的报错。


小锐 发布于  2023-6-19 22:08 

vue2组件的特性 vue2基础

组件特点:
可重用
可组合
易维护


小锐 发布于  2023-6-14 11:40 

vue2创建命令 Vue

vue是一个构造用户界面的js框架
用于构建一个数据驱动的渐进式框架


小锐 发布于  2023-6-14 09:54 

Vue2 中的computed计算属性&methods方法 Vue

computed和methods都是Vue组件中用来声明方法或计算属性的属性
computed主要用于计算需要缓存的值,并能够自动响应上游属性的变化,而methods主要用于处理一些需要动态执行的代码逻辑。两者目的不同,但是都能让我们更加方便地编写、优化和组织 Vue 组件。


小锐 发布于  2023-6-1 22:26 

Vue2 通用指令(下) Vue指令

v-on和v-model是Vue中两个重要的指令。

v-on指令用于监听DOM事件并触发Vue实例中定义的方法。通过该指令,可以在Vue中实现事件监听、事件处理等功能。

v-model指令用于将输入框的值和Vue实例中的数据进行双向绑定。它的本质是语法糖,等价于用v-bind和v-on组合实现的。


小锐 发布于  2023-6-1 21:56 

Vue2 通用指令(上) Vue指令

v-text v-html v-show v-if v-else-if v-else v-for这些指令极大地简化了前端开发的工作。使用这些指令时,需要结合具体的业务场景,灵活运用,以提高代码的复用性和可读性,并确保代码的性能和稳定性。


小锐 发布于  2023-5-30 21:29 

JS基础事件&事件委派 JS

1.事件四要素
2.注册事件的三种方式
3.常用事件
4.事件对象
5.事件委派
事件委派是把事件绑定在父元素或者是公共祖先元素身上,然后利用冒泡机制,让父元素或祖先元素代为处理,减少事件处理程序的数量,提高新能。


小锐 发布于  2023-5-28 21:32 

transform2D属性 CSS

  1. scale缩放
  2. tanslate平移
  3. rotate旋转
  4. skew斜切
  5. transform-origin
  6. transform-style

小锐 发布于  2023-5-27 21:10 

CSS动画 CSS

1.@keyframes中的 from: 动画开始状态 相当于0%, to: 动画结束状态 相当于100%;

2.form 和 to 可以和百分比混用

3.forwards: 保留动画结束时的状态

4.both: 保留动画开始或结束的状态,实际效果保留结束时状态


小锐 发布于  2023-5-27 20:38