vue 博客知识点汇总
2024-09-06 15:58:02
1. vue修改url,页面不刷新
项目中经常会用到同一个页面,结构是相同的,我只是在vue-router中通过添加参数的方式来区分状态,参数可以在页面跳转时带上params,或者query,但是有一个问题,即使我们修改了参数,URL也显示已经改变,但页面并不会刷新,因为路由是相同的,vue就会认为你是同一个页面,从而复用已加载的页面,而不会重新加载,所以如果在created钩子中来区分状态明显是行不通的,可以通过watch监听事件来监听路由的变化:
watch: {
$route(to, from) {
if (to.query.page !== from.query.page) {
this.jumpPages();
}
}
},
2.组件内部 beforeRouteLeave
使用导航守卫,必须用在页面级别的组件中,如果是组件内部嵌套的组件不生效。
3. vue 属性中使用变量拼接
div(
class="drag-list-item"
v-for="(params, index) in showChartsList"
:key="index"
:style="{'marginTop': '20px', 'cursor': 'move'}"
:ref="params+'div'"
)
params是变量,div是要拼接的字符串
最新文章
- js闭包-在你身边却不知
- java selenium (十四) 处理Iframe 中的元素
- C# 连接 Oracle 的几种方式
- 锋利的jQuery-3--.css()获取和设置元素的数字属性
- 洛谷 P1118 数字三角形游戏 Label:dfs
- python爬虫框架scrapy实例详解
- platform
- C++ cout 如何保留小数输出
- MySQLbase
- js随机出现2个数字
- 添加python虚拟环境
- BZOJ1991 : Pku2422 The Wolves and the Sheep
- (网页)HTML5 Canvas ( 事件交互, 点击事件为例 ) isPointInPath(转)
- vue路由原理剖析
- 学习Spring必须了解的基础知识——回调机制
- Linux运维命令总结(-)
- Java查找替换文本文件内容
- 基于HTML5坦克大战游戏简化版
- django_filters实现搜索
- 问题 B: Prime Number
热门文章
- radio和checkbox的js勾选使用
- 考前最后的感叹:CSP2019 Bless All! &; AFO
- socket-01
- java注解简单使用
- Module 'mysql' already loaded in Unknown on line 0解决方法
- web应用中实现同一个账号,后面登录的会把前面登录的挤下线
- 3.JVM 垃圾收集器
- noip2019集训测试赛(二十一)Problem A: Colorful Balls
- 【LEETCODE】40、1051. Height Checker
- Luogu4233 射命丸文的笔记 DP、多项式求逆