此时,我们已经将需要传递的值存储到全局变量中,然后我们在需要调用的地方,调用全局变量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的值明轿了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)