官术网_书友最值得收藏!

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)
       }
    })
主站蜘蛛池模板: 齐齐哈尔市| 永定县| 苏尼特右旗| 德阳市| 勐海县| 通化县| 永川市| 来凤县| 孙吴县| 龙州县| 衡水市| 张家港市| 阿勒泰市| 永兴县| 临城县| 永新县| 荔浦县| 陇南市| 津市市| 广东省| 普格县| 开江县| 定边县| 建水县| 济源市| 建始县| 岱山县| 黑龙江省| 环江| 达拉特旗| 汶上县| 保德县| 开鲁县| 衡东县| 磴口县| 水富县| 淮阳县| 方城县| 凭祥市| 大埔区| 龙海市|