微信小程序 赋值问题
2024-08-23 09:08:19
通常我们在页面跳转传递过来的参数要用到页面渲染时或是请求接口回来的数据要用到页面渲染时
对page的data赋值可不能用简单的变量赋值,要用微信小微信专有的this.setData方法
Page({ /**
* 页面的初始数据
*/
data: {
radioItems: [
// {modeId:1, modeName: '加强洗', time:'30分钟',modeTime: 30, platformPrice:500},
// {modeId:2, modeName: '标准洗', time: '30分钟', modeTime: 30, platformPrice: 400},
// {modeId:3, modeName: '快速洗', time: '30分钟',modeTime: 30, platformPrice: 300},
// {modeId:4, modeName: '单脱水', time: '30分钟',modeTime: 30, platformPrice: 100},
]
}, /**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// this.data.radioItems = JSON.parse(options.workModeAndPriceList); //错误赋值方法
// console.log("////////////", this.data.radioItems);
this.setData({
radioItems: JSON.parse(options.workModeAndPriceList)
});
}, /**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
// this.data.radioItems = this.data.radioItems
console.log("----------------",this.data.radioItems);
},
<view class="weui-cells weui-cells_after-title">
<radio-group bindchange="radioChange">
<label class="weui-cell weui-check__label" wx:for="{{radioItems}}" wx:key="index">
<radio class="weui-check" value="{{item.modeId}}" checked="{{item.checked}}"/>
<radio class="weui-check" value="{{item.modeId}}" />
<view class="weui-cell__bd">
<view>{{item.modeName}}<text>{{item.modeTime}}</text></view>
<view class='text'>{{item.modeTime}}</view>
</view>
<view class="weui-cell__ft weui-cell__ft_in-radio">
<view class='price'>{{item.platformPrice}}</view>
<view class='ck'><icon class="weui-icon-radio" type="success_no_circle-1" size="16" wx:if="{{item.checked}}"></icon></view>
</view>
</label>
</radio-group>
</view>
<view class="weui-btn-area">
<button class="weui-btn" type="primary" bindtap="showTopTips">确定</button>
</view>
如图,写默认值 时可以正常显示
使用js赋值方法,页面for 循环毫无反映
正确使用this.setData方法
最新文章
- Entity Framework中IQueryable, IEnumerable, IList的区别
- UML 序列图一点理解
- saltstack之(三)认证管理
- 进军es6(2)---解构赋值
- node.js 安装
- 判断iPhone的WiFi是否打开的两种方法 之是否连接上 WiFi
- Android中EditText设置输入条件
- Jedis/JedisPool和Redis数据类型与特性
- linux 权限管理
- Linux内核及分析 第六周 分析Linux内核创建一个新进程的过程
- CZK 的饮料店
- loader 的理解
- hive的select重命名字段显示成中文
- Shell - 简明Shell入门07 - 数组(Array)
- [整理]Visual Studio 的Application Insights
- MVC详解(转)
- CorelDRAW中如何再制对象详解
- https的加密解密是怎么写的?
- nGrinder3.4 性能测试框架安装
- MapReduce Notes
热门文章
- paper:synthesizable finit state machine design techniques using the new systemverilog 3.0 enhancements之onehot coding styles(encoded-parameter style with registered outputs不推荐但是经常有人写这样的代码)
- 科学计算库Numpy——概述
- Beyond Compare 4 30天试用期后,破解方法
- [译]The Python Tutorial#5. Data Structures
- selection problem-divide and conquer
- 面试(手打手写,待更新loading...)
- Python虚拟机函数机制之无参调用(一)
- Socketserver详解
- 用virtualbox+模拟串口+CDT调试linux内核 TCP/IP协议栈-起步
- python相关——如何安装pip