技術標籤：小程式小程式

場景

在ji檔案獲取到的資料呈現在wxml中,需要判斷某個資料如果已經被當前使用者選中了,那麼就修改這個資料的顯示狀態

解決方案

首先這種問題使用js處理有點不現實,如果資料量太大會導致執行緩慢
這時就可以使用wxs檔案了

wxs

WXS（WeiXin Script）是小程式的一套指令碼語言，結合 WXML，可以構建出頁面的結構
詳細資訊可以檢視微信小程式官方文件 -> wxs

程式碼展示

在page資料夾同級下新建utils資料夾,然後wxs檔案放在這個檔案下
下面是程式碼邏輯實現

// 判斷股票對於當前使用者是否已選
var isSelect = function
 
(id, selected) {
  // 編寫你的程式碼邏輯
}

// 丟擲變數
module.exports = {
  isSelect: isSelect
};

在wxml中引入與使用

<!-- 引入wxs檔案 -->
<wxs src="../../utils/selected.wxs" module="tools" />
<!-- 使用方式 -->
<s-tag wx:if="{{tools.isSelect(item.id, selected)}}" selected="{{'selected'
 
}}"></s-tag>