百度小程序开发:利用百度小程序swan.navigateBack组件代码跳转打开新页面方法_百业营销网

百度小程序开发:利用百度小程序swan.navigateBack组件代码跳转打开新页面方法

百度小程序开发 100℃ 0

百度小程序开发:利用百度小程序swan.navigateBack组件代码跳转打开新页面方法

百度小程序开发:利用百度小程序swan.navigateBack组件代码跳转打开新页面方法

百度小程序swan.navigateBack组件

除了调用 API 的方式还可以用 navigator 组件的声明方式来实现相同的路由功能。

如果这两种方式都能满足您的使用场景,推荐您使用 navigator 组件方式来实现相应的导航功能,以便更好的被搜索引擎理解。

解释:关闭当前页面,返回上一页面或多级页面 


1、百度小程序swan.navigateBack组件参数说明:

image.png

2、利用百度小程序swan.navigateBack组件代码跳转打开新页面代码示例:

2.1、在 index 文件中的代码应用示例:

(1)swan文件代码:

<view class="wrap">
    <button bind:tap="navigateTo" type="primary" hover-stop-propagation="true">跳转新页面</button>
</view>

(2)js文件代码

Page({

    navigateTo(e) {
        swan.navigateTo({
            url: '/detail/detail?id=新页面'
        });
    }
});

2.2、在 detail 文件中的代码应用示例:

(1)swan文件代码:

<view class="wrap">
    <view class="page-top">
        <view class="page-top-text">{{id}}</view>
    </view>
    <button bind:tap="navigateBack" type="primary" hover-stop-propagation="true">返回上一页</button>
</view>

(2)js文件代码

Page({
    data: {
        id: 'detail'
    },
    onLoad(options) {
        this.setData({
            'id': options.id
        });
    },
    navigateBack(e) {
        swan.navigateBack({
            delta: 2
        });
    }
});

以上就是百度小程序开发:利用百度小程序swan.navigateBack组件代码跳转打开新页面方法的全部内容,如果您还有关于百度小程序开发:利用百度小程序swan.navigateBack组件代码跳转打开新页面方法的其他好方法,欢迎一起交流学习。