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>

uniapp开发微信小程序提示“启动组件按需注入未通过”解决方法

uniapp开发axios接口调用解决跨域问题（只需4步）

uniapp如何实现扫码枪自带条码读取功能（附vue.js具体代码）

uniapp打包后，打开app有忽略版本检查提示框解决方法

uniapp如何利用单选框（radio）替代多选框（checkbox）

标签： router-link标签传参, uniapp开发, uniapp跳转, uniapp链接带参数, 编程式导航传参

上面是“uniapp如何实现子组件跳转页面带参数”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4659.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！