VUE2点击跳转页面

在2中，有几种方法可以实现点击跳转页面的功能。其中一种方法是使用<router-link>组件，通过设置to属性来指定跳转的目标路径或名称，并在组件内部包裹需要点击的元素。
例如，可以使用<router-link>组件来创建一个直接跳转的按钮，如下所示：
<router-link to="/testDemo">
<button>点击跳转</button>
</router-link>
还可以通过设置query参数或params参数来传递参数，如下所示：
<router-link :to="{path: '/testDemo', query: {setid: 123456}}">
<button>点击跳转</button>
</router-link>
<router-link :to="{name: 'testDemo', params: {setid: 111222}}">
<button>点击跳转</button>
</router-link>
另一种方法是使用this.$router.push()方法在Vue组件的方法中实现页面跳转。可以在点击事件的处理函数中调用this.$router.push()方法，传入目标路径或名称来实现跳转。
例如，在一个名为test的Vue组件中，可以使用this.$router.push()方法来跳转到/testDemo页面，如下所示：
<template>
<div>
<button @click="goTo()">点击跳转</button>
</div>
</template>
<script>
export default {
name: 'test',
methods: {
goTo() {
// 直接跳转
this.$router.push('/testDemo');
// 带参数跳转
this.$router.push({path: '/testDemo', query: {setid: 123456}});
this.$router.push({name: 'testDemo', params: {setid: 111222}});
}
}
}
</script>

通过以上方法，你可以在Vue2中实现点击跳转页面的功能。希望对你有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span>