在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
微信小程序数据绑定支持双大括号中的表达式,但目前只支持这四种表达式:算数表达式、关系表达式、字符串连接表达式、三元表达式。vue则是全功能的JS表达式。使用起来明显差别在于是否支持函数/方法表达式
1. 遇到的问题 1 <!-- 有效 --> 2 <view>{{ 1+1 }}</view> 3 <view>{{ 2>1 ? '是':'否'}}</view> 4 5 <!-- 无效 --> 6 <view>{{ Math.random() > 0.5 ? '大于':'小于' }}</view> 7 <view wx:for="{{'1,2,3'.split(',')}}"> 8 {{item}} 9 </view>
2.解决办法 1 <view wx:for="{{fn.split(str)}}"> 2 {{item}} 3 </view> 4 <wxs module="fn"> 5 module.exports = { 6 split: function(str){ 7 return str.split(','); 8 } 9 } 10 </wxs>
其他示例: <wxs module="fn"> module.exports = { split: function(str){ return str.split(','); }, random: function(){ return Math.random(); } } </wxs> <view>{{fn.random() > 0.5 ? '大于':'小于'}}</view> <view wx:for="{{fn.split('1,2,3')}}"> {{item}} </view>
|
请发表评论