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

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訪問它。

主站蜘蛛池模板: 安平县| 朔州市| 本溪市| 巍山| 五河县| 正蓝旗| 延寿县| 德庆县| 玉溪市| 石家庄市| 周口市| 施甸县| 曲阳县| 浦江县| 武宁县| 资源县| 稻城县| 武隆县| 阳信县| 普兰县| 白玉县| 漳州市| 肃宁县| 缙云县| 积石山| 山阳县| 梁山县| 墨竹工卡县| 阿拉尔市| 罗田县| 灵丘县| 长武县| 临洮县| 留坝县| 股票| 西藏| 石棉县| 周至县| 绥宁县| 通城县| 定兴县|