关于vue获取当前页面路由，vue获取路由query参数这个很多人还不知道，今天小乐来为大家解答以上的问题，现在让我们一起来看看吧！

1、相信大家在做项目的时候，肯定会遇到这样的问题：我点击新增按钮，需要弹出个弹框，然后我点击对应的关闭按钮，关闭弹框，但是新增按钮和关闭按钮作的是另一个元素，所以需要获取dom元素进行控，那么在vue中怎么作dom呢？以下是常用的三种方法：只要拿jQuery的选择器，选中相应的dom进行作就可以了，但是大家都知道jQuery获取元素是查找页面所有，相当于“循环”所有元素直至找到需要的dom，但是vue是单页面的，jQuery获取dom并不只是获取vue当前页面，而是从根路由开始查找所有，当其他页面出现相同的元素，也会被获取到，而且jQuery作的dom，如果是根据动态获取数据渲染的，那么写在mounted里的作方法将会失效，必须放到updated里，这样会导致有些作被执行多遍，所以还是 不建议 在vue中使用jQuery。

2、2、原生js作dom（指数：★★★★☆）：原生js获取dom就很简例如滚动内容的坐标位置100,500：单了，例如：根据id、class、当前元素的上一个元素......3、vue方法：ref（指数：★★★★★）：vue中的ref是把当前dom元素 “ 抽离出来 ” ，只要通过 this.$refs就可以获取到（注意this指向），此方法尤其适用于父元素需要作子组件的dom元素，这也是子传父传递数据的一种方法下面让我来看个Indicator.close()案例：设置了一个button按钮，通过点击，然后弹出 新增的弹框 , 然后点击 “ × ”的button按钮，关闭弹框，此时需要作弹框的dom元素，通过ref定义一个名字， 然后在方法中通过 this.$refs.名字 获取对应的dom。

本文到这结束，希望上面文章对大家有所帮助。