微信小程序URL里带参数怎么设置,怎么取值

微信小程序URL里带参数怎么设置,怎么取值,第1张

在小枝乱程序开发中经常会用到跨页面传值告租,我们常用的一般为全局变量传值和URL参数传值。在全局变量传值过程中,我们可通过var app=getApp(),获取到全局变量app,然后将需要传递的值赋值到全局变量中,如app.getID='18996759675'。

此时,我们已经将需要传递的值存储到全局变量中,然后我们在需要调用的地方,调用全局变量getApp()中之前存储的值,如phone:getApp().getId,随即取出了之前传递的值。

除了全局变量传值,我们还可以通过URL参数传值,URL参数传值的话,从上一个页面中传递某袜搭兆一个参数到编辑页面,以读取数据供填充之用

在读取页面实现onLoad(options)方法,从url路径中获取传递的参数值getId.

标签数据在data中定义, 因为还要点击高亮, 所以同时给个状态值

页面循环渲染出来

点击事件bindtap='select',

绑定class: class="{{item.isSelect?'active':'select'}}", 点击的时候改变类名

自定义dataset :data-index="{{index}}"

样式效果

JS部份

到这儿, 高亮的就已经写好了. 怎么取值呢? 下面还有一个保存按钮. 给保存按钮一个点击事件:

1.定义一个空数据

2.遍历上边的data里的selectall数好闭组亩袜郑, 传两个参数, v是所有标签的状态(比如isSelect:false或isSelect:true), i是下迅颂标.

看打印结果

微信小程序 获取javascript 里的数据

wxml如何获取js里的前侍数据

例:

wxml里:

1

<text id="twl">{{txt}}</text>

通过慧槐吵上面的{{txt}}可以对应获取js里data下定义的txt的值

js里:

1234

data: { txt:{} }

首先在data里定义一个“容器”txt:{},{}内为空代表是从别的地方传值进去,当然{}里也可以直接写数据,如txt:{‘123'},上面的wxml获取了就相当于 <text id="twl">123</text>;通过其他方法传值到容器里用一个this.setData({})的方法,如:

1234567891011

onLoad: function (options) { var ta=options.kind this.setData({ txt:ta,}) },

这样上面data里定义的txt的值就是ta的值明轿了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12483719.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存