2024年06月10日 建站教程
在uniapp开发中，页面传参和Vue.js一样，其实就是通过query、params、meta和props等属性来完成。下面web建站小编给大家简单介绍一下如何实现子组件跳转页面带参数！
方法一：利用router-link标签传参
<template>
<div>
<router-link :to="{name: 'index', params: {id: 1, name: 'xiaomi'}}">首页</router-link>
</div>
</template>
方法二：利用编程式导航传参
<template>
<div>
<button @click="gotoIndex()">去首页</button>
</div>
</template>
<script>
export default {
data(){
return {}
},
methods:{
gotoAbout(){
this.$router.push({name: 'index', params: {id: 1, name: '小米'}})
}
}
}
</script>
本文链接：http://so.lmcjl.com/news/6295/