本篇內容介紹了“微信小程序怎么利用button控制條件標簽的變量”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

創新互聯是一家專注于成都網站制作、成都網站建設和中國電信成都樞紐中心的網絡公司，有著豐富的建站經驗和案例。

解決方案

第一步：

首先打開微信公眾平臺，將一個 primary 的 button 按鈕代碼復制到開發平臺上，再為其綁定一個名為 ” bindfirst ” 的事件。（當然這個 bindfirst 的事件需要在 js 中去定義，下面的步驟將會去定義）

代碼如下：

<view>
<button type="primary" bindtap="bindfirst"> 點一下就改變 </button>
</view>

第二步：

創建一個text用來 if 條件標簽來控制，同時在 js 中定義一個空的量。

將if條件的定義一個 judge 變量給其賦值為 true （ if 條件標簽如果為 true ，則顯示 text ，如果為 false 則不顯示 text ），再在 button 所綁定的事件中去改變 text 的值即可。

代碼如下：

wxml代碼

<view>
<button type="primary" bindtap="bindfirst"> 點一下就改變 </button>
<text wx:if="{{judge}}">{{text}}</text>
</view>

js代碼

Page({
data: {
text:[],
judge:true,
},
onLoad: function () {
},
bindfirst:function(){
var s=this.data.judge
this.setData({text:" 你點擊了我 " ,judge:!s})
}
})

第三步：

得到運行結果。

 

點擊一次時，會出現text，當點擊第二次時就會關閉 text ，因為 bindfirst 中利用改變 judge 的值為true和false來達到改變 text。

“微信小程序怎么利用button控制條件標簽的變量”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站，小編將為大家輸出更多高質量的實用文章！

文章名稱：微信小程序怎么利用button控制條件標簽的變量-創新互聯
本文鏈接：http://www.yijiale78.com/article46/dpsghg.html

成都網站建設公司_創新互聯，為您提供網站設計、網站排名、外貿建站、品牌網站建設、品牌網站制作、響應式網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯