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

3.3.2 params

params:自定義對象中可以接收一個params數組,指定一個特性列表,Vue.js編譯器將自動提取自定義指令綁定元素上的這些特性。

代碼如下:

    <div v-example a="hi"></div>
    Vue.directive('example', {
       params: ['a'],
       bind: function(){
         console.log(this.params.a)
       }
    })

此項API也支持動態屬性,this.params[key]會自動保持更新。另外,可以指定一個回調,在值變化時調用,代碼如下:

    <div v-example v-bind:a="Vue"></div>
    Vue.directive('example', {
       params: ['a'],
       paramWatchers: {
         a: function(val,oldVal){
           console.log('a changed!')
         }
       }
    })

提示:類似于props,指令參數的名稱在JavaScript中使用camelCase風格,在HTML中對應使用kebab-case風格。假設在模板中有一個參數disable-effect,在JavaScript中以disableEffect訪問它。

主站蜘蛛池模板: 洛南县| 杭锦后旗| 石棉县| 新宾| 喀喇沁旗| 三亚市| 雷山县| 大港区| 宣武区| 唐河县| 南充市| 泊头市| 兴仁县| 大足县| 清水河县| 雷波县| 聊城市| 勃利县| 克拉玛依市| 胶州市| 扶绥县| 东乡县| 敦化市| 屏东市| 宜川县| 珲春市| 噶尔县| 汕头市| 邛崃市| 丹东市| 根河市| 遵义市| 巩义市| 焦作市| 华阴市| 安西县| 盐源县| 江津市| 沙田区| 全州县| 嘉峪关市|