微信小程序實現比較功能的方法匯總(五種方法)

首先在index.wxml頁面寫一個測試頁面

如圖：

代碼如下

接下來就是比較功能的實現

第一種方法

首先在兩個input組件中用bindchange方法綁定事件處理函數，在button組件中用bindtap綁定事件函數

如圖

接下來在index.js中實現

代碼如下

適用于頁面中少量input組件的情況

第二種方法

第二種方法為兩個input組件綁定相同的函數

通過id和dataset來獲取元素

1.通過id獲取

代碼具體實現如下

2.通過dataset來獲取元素

具體代碼實現如下

第三種方法

在text組件上直接處理計算邏輯

具體實現代碼如下

第四種方法

通過條件渲染的方式比較大小

使用wx:if或者wx:if wx:else實現

或者

第五種方法

通過表單獲取input組件的值，比較結果

實現代碼如下

最終成功運行如下

總結

到此這篇關于微信小程序實現比較功能的方法匯總(五種方法)的文章就介紹到這了,更多相關微信小程序比較內容請搜索我們以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持我們！