接說上篇 小程序中如何解決事件冒泡？，這篇我們來實現下類似Vue那樣的雙向綁定。
首先在Pages文件夾下新建059formcomp文件夾。
.wxml頁面(用了input 輸入監聽事件bindinput,給該事件綁定了在.js文件中定義的inputTap方法)：
.js文件bindTap方法中将myname變量修改成input中正在輸入的值：
上圖中e.detail.value就是input中正在輸入的值，console.log(e) 出來的對象截圖如下：
再補充下bindblur、bindfocus。bindblur焦點離開時觸發，bindfocus 獲取焦點時觸發。
效果視頻：
附件代碼：
<!--pages/059formcomp/formcomp.wxml-->
<view class="box">
<text>{{myname}}</text>
<input placeholder="請輸入名字" bindinput="inputTap"></input>
</view>
<view class="box">---我是華麗的分割線---</view>
<view class="box">
<text>{{blurtxt}}</text>
<input placeholder="我是失去焦點" bindblur="inputBlur"></input>
</view>
/**
* 頁面的初始數據
*/
data: {
myname:"我是 隻說代碼的大餅",
blurtxt:"失去焦點測試",
},
/**鍵盤輸入時觸發**/
inputTap:function(e){
console.log(e);
this.setData({
myname:e.detail.value,
})
},
/**失去焦點時觸發**/
inputBlur:function(e){
this.setData({
blurtxt:e.detail.value,
})
},
謝謝大家浏覽，謝謝點贊和評論，喜歡的就關注下，我也會關注你的喲。
我是隻說代碼的大餅，餓了就要想起我。
更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
