router-link to属性

123 阅读1分钟

vue router 的 router-link的to属性使用方法 vant的tabbar标签栏也有to的属性,于此使用方法一致

字符串

<router-link to="/home">Home</router-link>

渲染结果

<a href="/home">Home</a>

使用 v-bind 的 JS 表达式

<router-link :to="'/home'">Home</router-link>

同上

<router-link :to="{ path: '/home' }">Home</router-link>

命名的路由

<router-link :to="{ name: 'user', params: { userId: '123' }}">User</router-link>

带查询参数,下面的结果为 /register?plan=private

<router-link :to="{ path: '/register', query: { plan: 'private' }}">
  Register
</router-link>