首页 > 编程知识 正文

微信小程序页面,小程序跳转页面参数

时间:2023-05-06 16:45:16 阅读:158785 作者:2372

微信小程序的页面跳转,在页面之间传递参数笔记。

CSDN微信小程序开发专栏,欢迎关注!

先上demo图:

为了简化逻辑,index.wxml只写了两个text。 既然要跳,还有其他页面。

目录为以下:

虽然有三页,但是代码很简单。直接坐代码。

span style='font-size:24px;' ! - index.wxml-- view class=' BTN-area ' navigator URL=' ./navigator/navigator? title=我要跳到navigate '新页面/navigatornavigatorurl=' ./redirect/redirect吗? title=我是redirect' redirect。 在当前页面中打开/navigator /view/span

index.wxml的URL是跳转的页面路径。 上面的代码中是navigator目录下的navigator页面,title是参数。

navigator下的redirect属性的值在当前页面中打开。 如果不添加redirect,则跳到新的页面。 可以携带参数。

navigator下的redirect属性的值在当前页面中打开。 如果不添加redirect,则跳到新的页面。 可以携带参数。

span style='font-size:24px;' ! - navigator t.wxml-- view style=' text-align : center ' { title }/view/span

在navigatort.wxml中,可以从js代码中获取title。 代码如下所示

//navigatort.js

页(onload : function (options ) this.setdata (title : options.title ) ) )

span style='font-size:24px;' ! - redirect.wxml-- view style=' text-align : center ' { title }/view/span

span style='font-size:24px;' //redirect.js page (onload : function ) options (this.setdata ) title3360options.title ) )/span

最后两张跳后的图.1.跳到新的一页

2 .在原页面打开

没有发现打开原始页面后也不会出现后退按钮,跳到新页面后会出现后退按钮的详细情况吗?

这是因为我写了两页。 如果indexwxml不是一级页面,将显示返回此处的按钮。

当然结果不一样:

1 .跳到新的页面,后退是回到上一页

2 .在原页面上打开,后退是返回上一页。

微信开发文档

http://blog.csdn.net/qq_31383345

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。