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

在uniapp开发中，页面传参和Vue.js一样，其实就是通过query、params、meta和props等属性来完成。下面编程教程网小编给大家简单介绍一下如何实现子组件跳转页面带参数！

方法一：利用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>