- Vue.js從入門到項目實踐(超值版)
- 聚慕課教育研發中心編著
- 107字
- 2022-07-29 14:27:38
3.3.3 twoWay

twoWay:在自定義指令中,如果指令想向Vue實例寫回數據,就需要在定義對象中使用twoWay:true。這樣,該選項可以在指令中使用this.set(value)。
代碼如下:
Vue.directive('example', { twoWay: true, bind: function(){ this.handler = function(){ //將數據寫回vm //如果指令這樣綁定v-example="a.b.c",它將用給定值設置 'vm.a.b.c' this.set(this.el.value) }.bind(this) this.el.addEventListener('input', this.handler) }, unbind: function(){ this.el.removeEventListener('input', this.handler) } })
推薦閱讀
- 眾妙之門:網站UI設計之道2
- 網頁設計那些事兒
- 網頁制作實用教程(第3版)
- JSP動態網站開發案例指導
- Illustrator平面設計180例五步通
- 淘寶店鋪頁面設計與裝修實戰教程
- JavaScript網頁游戲制作輕松學
- Linux系統與網絡服務管理技術大全(第二版)
- Dreamweaver CS3網站制作炫例精講
- HTML+CSS+JavaScript網頁制作從新手到高手
- 精通HTML5+CSS3+JavaScript網頁設計(視頻教學版)(第2版)
- 別具光芒:CSS網頁布局案例剖析
- 網頁設計與制作項目化教程
- 新編網站設計與網頁制作(Dreamweaver CC + Photoshop CC + Flash CC版)從入門到精通
- Dreamweaver CC 網頁設計與制作(微課版)