用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 教程 實戰教程 查看內容

微信小程序在wxml雙大括號中執行復雜運算

Rolan 2020-7-29 00:41

 微信小程序數據綁定支持雙大括號中的表達式,但目前只支持這四種表達式:算數表達式、關系表達式、字符串連接表達式、三元表達式。vue則是全功能的JS表達式。使用起來明顯差別在于是否支持函數/方法表達式1. 遇到 ...

 微信小程序數據綁定支持雙大括號中的表達式,但目前只支持這四種表達式:算數表達式、關系表達式、字符串連接表達式、三元表達式。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>
復制代碼

 

鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: Deaseyy 來自: cnblogs
梦幻单人赚钱方法 河北十一选五前三组最大遗漏 上海快3玩法到底是什么 11选5神奇规律 山东11选五5开奖结果一定牛 甘肃快三跨度走势图 十一选五任二稳赚技巧 广东11选5技巧 股票配资 福建31选7中奖规则 江西11选5走势