掌握vue-router的钩子函数以及针对vue ui框架中全局样式的覆盖问题

vue组件钩子函数beforeRouteLeave

有需要针对路由离开的时候关掉定时器,需要用到这个钩子函数

1
2
3
4
beforeRouteUpdate(to,from,next){
console.log('beforeRouteUpdate')
next()
},

vue中针对全局样式的修改

如果在前端框架中使用了某个ui框架,或者有定义一个全局的css。当有需求需要修改某个组件的样式时,不能使用style scope的方法,应该直接使用style
但需要注意的是,需要在设定的css前加上一个父级选择器,否则会修改全局的样式

1
2
3
4
5
6
<style>
/*需要修改element-ui中的组件样式,但不能影响全局*/
.longHeader .el-card__header {
height: 80px!important;
}
</style>