多语言展示
当前在线:583今日阅读:2今日分享:31

vue2.0 常用功能

使用vue2.0开发项目有一段的时间了,这里对一些常用的功能汇总一下,希望能帮到一些有需要的朋友们
方法/步骤
1

路由跳转当我们想要实现点击链接跳转时,可以使用$router来进行跳转语法如下:this.$router.push({path:'/www',query:{id:'1222'}})这里path是要跳转的路径,query里面是路径跳转时要携带的参数,以对象的形式存在

2

获取路由参数跳转路由过后,我们可能想要获取路由上的参数,这里我们可以使用this.$route.query.id  (id为想要获取的参数)

3

获取当前页面的路径想要获取当前文件的路径名称,除了原声的location.href之外,也可以利用$route来获取this.$route.path

5

操作dom虽然vue提倡我们尽量以数据为驱动,但是有时候我们不得不触及要操作dom,这个使用除了原生js之外,操作dom可以使用ref直接绑定一个元素节点或者使用this.$el来操作具体的属性值。

推荐信息