uniapp实现跳转

　　　　

 

第一种：　通过<navigator>标签 里的url进行跳转

 

 

<template>
    <view class="">
        <text>跳转到排行榜</text>
        <navigator url="../Ranking_list/Ranking_list">排行榜</navigator>
    </view>
</template>

 

第二种：通过事件跳转

　　

<template>
    <view class="">
        <text>跳转到排行榜</text>
    
        <button type="default" size="mini" @click="GoDetail()"></button>
    </view>
</template>

<script>
    export default {
        methods:{
            GoDetail(){
                uni.navigateTo({
                    url: '页面路径',
                    success: res => {},
                    fail: () => {},
                    complete: () => {}
                });
            }
        }
    }
</script>