小程序开发--Taro页面传参

2,171 阅读1分钟

带参数跳转, 代码如下

import Taro ,{useState}from '@tarojs/taro'
import {View , Text ,Button} from '@tarojs/components'
function Blog(){

    const  [blogTitle,setBlogTitle]=useState('coolpest8 Blog')

    const gotoIndex=()=>{
        Taro.navigateTo({url:'/pages/index/index?blogTitle='+blogTitle})
    }
    return (
        <View>
            <Text>Blog Page</Text>
            <Button onClick={gotoIndex}>首页/Button>
        </View>
    )
}
export default Blog

使用this.$router.params就可以进行接收。

useEffect(()=>{
    setBlogTitle(this.$router.params.blogTitle)
},[])