新聞中心
這里有您想知道的互聯網營銷解決方案
微信小程序dom操作的替代思路實例分析-創(chuàng)新互聯
本文實例講述了微信小程序dom操作的替代思路。分享給大家供大家參考,具體如下:
微信小程序無法操作dom,這意味著之前js中的各種習慣方法必須換一種思路實現
在嘗試了幾類情況后,發(fā)現部分情況下可以用{{}}
變量綁定來實現效果。
比如:
一、實現view的顯示和隱藏
在js中的data設置變量 bottomHidden1:"block"
;
然后在wxml中的view中設置
;
在其它我們需要的地方使用bindtap
等綁定事件,js中定義該事件的function,使用this.setData
修改bottomHidden1變量為none或者block,實現對上文中的bottom1進行顯示/隱藏控制
二、實現input中的 placeholder在獲取焦點時清空,失去焦點時顯示
1. 在js中,data中設置變量 priceHodler:"請輸入價格",
2. 我們可以設置兩個function控制變量priceHodler的值(此處添加了一種的方法實現輸入框中刪除圖標的顯示和消失,所以在data中設置了變量 clearImg)
displayImg:function(){ var imgDisplay="block"; var holderDisplay =""; this.setData({ clearImg: imgDisplay, priceHodler: holderDisplay, }) }, hiddenImg:function(){ var imgHidden = "none"; var holderHidden = "請輸入價格"; this.setData({ clearImg: imgHidden, priceHodler: holderHidden, }) },
文章題目:微信小程序dom操作的替代思路實例分析-創(chuàng)新互聯
文章地址:http://fisionsoft.com.cn/article/docjid.html