微信小程序?qū)崿F(xiàn)比較功能的方法匯總(五種方法)
首先在index.wxml頁(yè)面寫(xiě)一個(gè)測(cè)試頁(yè)面
如圖：
代碼如下
接下來(lái)就是比較功能的實(shí)現(xiàn)
第一種方法
首先在兩個(gè)input組件中用bindchange方法綁定事件處理函數(shù)，在button組件中用bindtap綁定事件函數(shù)
如圖
接下來(lái)在index.js中實(shí)現(xiàn)
代碼如下
適用于頁(yè)面中少量input組件的情況
第二種方法
第二種方法為兩個(gè)input組件綁定相同的函數(shù)
通過(guò)id和dataset來(lái)獲取元素
1.通過(guò)id獲取
代碼具體實(shí)現(xiàn)如下
2.通過(guò)dataset來(lái)獲取元素
具體代碼實(shí)現(xiàn)如下
第三種方法
在text組件上直接處理計(jì)算邏輯
具體實(shí)現(xiàn)代碼如下
第四種方法
通過(guò)條件渲染的方式比較大小
使用wx:if或者wx:if wx:else實(shí)現(xiàn)
或者
第五種方法
通過(guò)表單獲取input組件的值，比較結(jié)果
實(shí)現(xiàn)代碼如下
最終成功運(yùn)行如下
總結(jié)
到此這篇關(guān)于微信小程序?qū)崿F(xiàn)比較功能的方法匯總(五種方法)的文章就介紹到這了,更多相關(guān)微信小程序比較內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
web開(kāi)發(fā)中不可避免會(huì)使用js，為了給頁(yè)面良好的瘦身我們一般都會(huì)將js代碼放在外部，然后通過(guò)src引用，如果web頁(yè)面與js采用的編碼不同一就會(huì)產(chǎn)生亂碼，接下來(lái)與大家分享下解決方法，感興趣的朋友可以參考下哈2013-04-04
js實(shí)現(xiàn)響應(yīng)按鈕點(diǎn)擊彈出可拖拽的非模態(tài)對(duì)話框完整實(shí)例【測(cè)試可用】
這篇文章主要介紹了js實(shí)現(xiàn)響應(yīng)按鈕點(diǎn)擊彈出可拖拽的非模態(tài)對(duì)話框,結(jié)合完整實(shí)例形式分析了原生JavaScript實(shí)現(xiàn)的可拖拽非模態(tài)對(duì)話框?qū)崿F(xiàn)技巧與使用方法,需要的朋友可以參考下2023-04-04
JavaScript獲取服務(wù)器端時(shí)間的方法
這篇文章主要介紹了JavaScript獲取服務(wù)器端時(shí)間的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
asp.net HttpHandler實(shí)現(xiàn)圖片防盜鏈
這個(gè)例子來(lái)自于《Maximizing ASP.NET Real World, Object-Oriented Development》一書(shū), 需要的朋友可以參考下。2009-11-11
微信小程序 行的刪除和增加操作實(shí)現(xiàn)詳解
這篇文章主要介紹了微信小程序 行的刪除和增加操作實(shí)現(xiàn)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
學(xué)習(xí)drag and drop js實(shí)現(xiàn)代碼經(jīng)典之作
今天讀John Resig的Pro Javascript Techniques時(shí)候看到他書(shū)上給的一個(gè)關(guān)于drag and drop的例子, 合上書(shū)本自己寫(xiě)一個(gè)簡(jiǎn)化版本的。大約20分鐘完成， 沒(méi)有考慮兼容firefox。整個(gè)代碼封裝成一個(gè)對(duì)象 也是借鑒書(shū)中的風(fēng)格。我覺(jué)得很好。2009-04-04
下面小編就為大家?guī)?lái)一篇JS三目運(yùn)算(三元運(yùn)算)方法詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
這篇文章主要介紹了JS中判斷null、undefined與NaN的方法,需要的朋友可以參考下2014-03-03
Iphone手機(jī)、安卓手機(jī)瀏覽器控制默認(rèn)縮放大小的方法總結(jié)（附代碼）
這篇文章主要介紹了Iphone手機(jī)、安卓手機(jī)瀏覽器控制默認(rèn)縮放大小的方法，通過(guò)meta標(biāo)簽中添加屬性代碼展示控制瀏覽器的默認(rèn)縮放，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
