微信小程式dom操作的替代思路

2021-08-03 10:58:16 字數 796 閱讀 9169

在嘗試了幾類情況後,發現部分情況下可以用}變數繫結來實現效果。

比如:一、實現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())

},hiddenimg:function())},

附:輸入框內容刪除圖示的功能實現(在js的data中也設定了變數 usdvalue:null,):

docleartext:function())},

3. 在wxml中新增這個input

這裡將js的data中的pricehodler繫結給了placeholder,clearimg繫結在image的display屬性上,bindfocus="displayimg" bindblur="hiddenimg"會控制前兩個變數的值的變化, bindtap="docleartext"會控制input的value的變化

微信小程式操作DOM

返回的 obj 有五個方法 1.obj.in component 沒用過這個方法,多用於元件的選擇器。2.obj.select selector 獲取指定的節點,selector是css選擇器。返回乙個 nodesref 物件例項,可以用於獲取節點資訊。3.obj.selectall selecto...

微信小程式Dom事件實現

請合理使用工具!細節就不說了,直接備份乙個實現的案例 wxml view class guess view image data data auto data index data num 1 data id bindtap mode widthfix src class img image vie...

微信小程式傳參思路

父元件wxml 父元件像子元件傳參的作用是讓子元件顯示父元件的某些資料 例如 自定義組價 ipt 當使用者輸入錯誤或者沒輸入就想提交時,我就必須向他傳送某些資訊如 必填選項 父頁面的wxml 錯誤資訊為 介是個必填選項 bind blur isblur ipt remainded裡面是我想傳送過去的...