zoukankan      html  css  js  c++  java
  • 使用taro写小程序进行页面间传参与接收

    使用taro传参示例如下,触发点击事件时,在调用的函数后面加上bind(this,要传的参数)。

    {
      list.map((item,index)=>(
        <View className="articleItem" onClick={this.jumpToDetail.bind(this,item.id)}>
          <View className="title">{item.title}</View>
          <View className="statement">
            <Text className="author">作者:{item.author}</Text>
            <Text>发布时间:{processTime(item.updateTime)}</Text>
          </View>
          <View className="content">
            {item.description}
          </View>
        </View>
      ))
    }

    然后进行页面的跳转。

    jumpToDetail(id) {
      console.log(id)
      Taro.navigateTo({
        url: `/pages/articleDetail/articleDetail?id=${id}`
      })
    }

    在跳转后的页面进行参数的接收。

    使用getCurrentInstance获取当前实例,然后获得参数id的值。

    import Taro, { getCurrentInstance } from '@tarojs/taro'
    
    export default class ArticleDetail extends Component {
      $instance = getCurrentInstance()
    
      state = {
        id:this.$instance.router.params.id,
        data:{}
      }
    }

    即可。

  • 相关阅读:
    BeautifulSoup_第一节
    第一个python爬虫——保存淘宝mm图片
    面试题:css(一)
    面试:HTML(二)
    websocket
    面试题:HTML篇(一)
    HTML5遗忘知识点(一)
    webpack热更新原理
    webpack按需加载
    什么是process.env?
  • 原文地址:https://www.cnblogs.com/luoyihao/p/14236223.html
Copyright © 2011-2022 走看看