uniapp如何实现子组件跳转页面带参数

在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>