最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯網營銷解決方案
微信小程序dom操作的替代思路實例分析-創(chuàng)新互聯

本文實例講述了微信小程序dom操作的替代思路。分享給大家供大家參考,具體如下:

創(chuàng)新互聯專注于企業(yè)成都全網營銷、網站重做改版、桐廬網站定制設計、自適應品牌網站建設、H5開發(fā)、商城建設、集團公司官網建設、外貿網站建設、高端網站制作、響應式網頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為桐廬等各大城市提供網站開發(fā)制作服務。

微信小程序無法操作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