antd点击跳转页面且有参数_Vue 页面跳转与参数传递

标签跳转

1、不带参数跳转

<router-link to="/about">
	<button>跳转到关于我们</button>
</router-link>
 
<router-link :to="{path: '/about'}">
	<button>跳转到关于我们</button>
</router-link>

2、带参数跳转

<router-link :to="{path: '/about', query: {name:'ming', age: 18 }}">
	<button>跳转到关于我们</button>
</router-link>
 
<router-link :to="{name: 'about', params: {name:'ming', age: 18 }}">
	<button>跳转到关于我们</button>
</router-link>

3.接收参数

// 以query方式接收参数：【query传递数据是通过URL传递的，类似ajax中的get方式】
console.log(this.$route.query.name);    // ming
console.log(this.$route.query.age);     // 18
 
// 以params方式接收参数：【params