<template>
<div>
<router-link :to="{'name':'x',params:{'type':'users'}}">xx</router-link> //动态的路由的传参方式 1
<router-link to="/a/x/companies">ss</router-link> //动态的路由传参方式 2
<button @click="go">点击展示列表cc</button> //动态的路由的传参方式 3
<router-view></router-view>
</div>
</template>
<script>
export default{
data(){
return { }
},
methods:{
go(){
this.$router.push({name:'x',params:{type:'users'}}) //编程式导航
}
}
}
</script>
相关文章
- 02-15python定时执行任务的三种方式
- 02-15Vue vue-resource三种请求数据方式pet,post,jsonp
- 02-15Vue vue-resource三种请求数据方式pet,post,jsonp
- 02-15vue ant-tab中页面切换使用component传参 props
- 02-15STL之map容器的三种插入方式insert emplace emplace_hint那种效率更高
- 02-15vue+element+aixos上传文件formData形式传参
- 02-15script 执行的三种方式
- 02-15「Vue」父子组件之间的传值及调用方法
- 02-15vuex的mutations如何传多个传参?
- 02-15Vuex核心概念-04-Mutation传参两种方式