vue路由三种传参方法

1 params传参

  • 配置:{path:"product/:id"}
  • 传参:<router-link to="/prodduct/123">
  • 接收值:$route.params.id

2 query传参

  • 传参:<router-link to="/prodduct?name=jack&aage=18">
  • 接收值:$route.query.name,$route.query.age

3 meta传参

  • 配置:meta: { navshow: true, }

  • 调用:

- <div class="nav-bottom" v-show="$route.meta.navshow">
		  <router-link to="/" class="col tchoiceness"><span>精选</span></router-link>
		  <router-link to="/agent" class="col tagent"><span>探店</span></router-link>
		  <router-link to="/find" class="col tfind"><span>发现</span></router-link>
		  <router-link to="/user" class="col tuser"><span>我</span></router-link>
	  </div>
	  ```

猜你喜欢

转载自blog.csdn.net/qq_40994735/article/details/108462008
今日推荐