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>

以上是编程学习网小编为您介绍的“uniapp如何实现子组件跳转页面带参数”的全面内容，想了解更多关于 前端知识 内容，请继续关注编程基础学习网。