vue中的常用的this.$..
this:普通函数的this指向vue实例对象(相当于dom对象相当于需document)1. 路由跳转this.$router.push() :this.$router.back()区别:使用this.$router.back()不可以使用 回退,跳转到上一个页面。2.获取DOM元素this.$refs一般来讲,获取DOM元素,需document.querySelector(".input")获
·
this:普通函数的this指向vue实例对象(在没有明确指向的时候this指向window)
vue中最好不要直接操作dom元素的。因为vue是用虚拟dom树就行插入的。
1. 路由跳转
this.$router.push() :
this.$router.back()
区别:使用this.$router.back()不可以使用 回退,跳转到上一个页面。
2.获取DOM元素 this.$refs 一般来讲,获取DOM元素,需document.querySelector(".input")获取这个dom节点,然后在获取input1的值。 但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。 然后在javascript里面这样调用:this.$refs.input,这样就可以减少获取dom节点的消耗了
详细介绍可以看Vue API文档
更多推荐
已为社区贡献3条内容
所有评论(0)