连续点击导航栏报错 解决报错
路由跳转连续点击报错的话可以试试以下方法:
1).判断当前的路由地址是否是要跳转的路由地址,如果当前页面路径和要跳转的页面路由路径不相同时才进行跳转。
2).使用vue-router提供的导航守卫:在路由跳转前通过导航守卫拦截,判断是否可以进行路由跳转。
3).使用vue-router提供的keep-alive组件:使用keep-alive组件可以在路由切换时保留组件的状态和缓存,避免重复渲染和数据加载。
4).使用vue-router提供的replace方法:replace方法可以在路由跳转时替换当前路由,而不是添加一个新的历史记录,可以避免连续点击时的报错。
Vue2 中的computed计算属性&methods方法 Vue
computed和methods都是Vue组件中用来声明方法或计算属性的属性
computed主要用于计算需要缓存的值,并能够自动响应上游属性的变化,而methods主要用于处理一些需要动态执行的代码逻辑。两者目的不同,但是都能让我们更加方便地编写、优化和组织 Vue 组件。
Vue2 通用指令(下) Vue指令
v-on和v-model是Vue中两个重要的指令。
v-on指令用于监听DOM事件并触发Vue实例中定义的方法。通过该指令,可以在Vue中实现事件监听、事件处理等功能。
v-model指令用于将输入框的值和Vue实例中的数据进行双向绑定。它的本质是语法糖,等价于用v-bind和v-on组合实现的。
Vue2 通用指令(上) Vue指令
v-text v-html v-show v-if v-else-if v-else v-for这些指令极大地简化了前端开发的工作。使用这些指令时,需要结合具体的业务场景,灵活运用,以提高代码的复用性和可读性,并确保代码的性能和稳定性。
JS基础事件&事件委派 JS
1.事件四要素
2.注册事件的三种方式
3.常用事件
4.事件对象
5.事件委派
事件委派是把事件绑定在父元素或者是公共祖先元素身上,然后利用冒泡机制,让父元素或祖先元素代为处理,减少事件处理程序的数量,提高新能。
transform2D属性 CSS
- scale缩放
- tanslate平移
- rotate旋转
- skew斜切
- transform-origin
- transform-style