路由跳转
当我们想要实现点击链接跳转时,可以使用$router来进行跳转
语法如下:
this.$router.push({path:"/www",query:{id:''}})
这里path是要跳转的路径,query里面是路径跳转时要携带的参数,以对象的形式存在
-
2
获取路由参数
跳转路由过后,我们可能想要获取路由上的参数,这里我们可以使用
this.$route.query.id (id为想要获取的参数)
-
3
获取当前页面的路径
想要获取当前文件的路径名称,除了原声的location.href之外,也可以利用$route来获取
this.$route.path
-
4
离开页面时弹窗
在有时候我们开发时可能为某个页面添加这样的功能就是在用户离开某个页面时进行弹窗,用来提示用户一些信息。这时候可以用到路由的导航钩子
beforeRouteLeave beforeRouteLeave(to,from,next){ //do something },
-
5
操作dom
虽然vue提倡我们尽量以数据为驱动,但是有时候我们不得不触及要操作dom,
这个使用除了原生js之外,操作dom可以使用ref直接绑定一个元素节点或者使用this.$el来操作具体的属性值。
相关文章
- 08-18QString常用的功能函数的介绍和用法
- 08-18eclipse中svn的常用功能总结
- 08-18Mate Translate的特色功能phrasebook 常用语手册介绍
- 08-18Dubbo常用功能05--设置服务的timeout时间
- 08-18痞子衡嵌入式:串行NOR Flash的DQS信号功能简介
- 08-18Jupyter Notebook安装jupyter_contrib_nbextension扩展功能后不显示Nbextensions标签的解决办法(常用扩展功能说明)
- 08-18基于.NetCore开发的网站内容信息管理系统(快速开发后台基础框架、内置后台基础常用功能)
- 08-18脉冲信号分配器的功能简介与使用
- 08-18脉冲信号分配器的功能简介与使用
- 08-18脉冲信号分配器的功能简介与使用