如何在vue中實(shí)現(xiàn)自定義指令-創(chuàng)新互聯(lián)
本篇文章給大家分享的是有關(guān)如何在vue中實(shí)現(xiàn)自定義指令，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
目前
創(chuàng)新互聯(lián)建站已為近千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、
虛擬主機(jī)、網(wǎng)站托管、
服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、
汨羅網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。
自定義指令:
一、屬性:
Vue.directive(指令名稱,function(參數(shù)){
this.el -> 原生DOM元素
});
指令名稱: v-red -> red
* 注意: 必須以 v-開頭
拖拽:
二、自定義元素指令:（用處不大）
Vue.elementDirective('zns-red',{
bind:function(){
this.el.style.background='red';
}
});自定義指令寫法一：
asdfasd
Vue.directive('red',function(){
this.el.style.background='red';
});
window.onload=function(){
var vm=new Vue({
el:'#box',
data:{
msg:'welcome'
}
});
};測(cè)試示例：
www.jb51.net 自定義指令寫法一
asdfasd
重慶分公司
重慶分公司