真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

vue中如何實現(xiàn)鼠標(biāo)移入添加class樣式,鼠標(biāo)移出去除樣式

這篇文章將為大家詳細講解有關(guān)vue中如何實現(xiàn)鼠標(biāo)移入添加class樣式,鼠標(biāo)移出去除樣式，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的易門網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

鼠標(biāo)移入添加class樣式

HTML

HTML綁定事件,加入或者移出class為active

vue中如何實現(xiàn)鼠標(biāo)移入添加class樣式,鼠標(biāo)移出去除樣式


  流量套餐

這里除了active這個class需要動態(tài)添加或者減去,其他的皆是移入移出都需要的class

vue中如何實現(xiàn)鼠標(biāo)移入添加class樣式,鼠標(biāo)移出去除樣式

methods:{
   changeActive($event){
       $event.currentTarget.className="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan active";
   },
   removeActive($event){
       $event.currentTarget.className="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan";
   }
},

拓展知識：vue實現(xiàn)鼠標(biāo)移入移出事件

如下所示：


     
      {{item.name}}
      
       
       
        {{item.det}}

export default { data(){ return{ seen:false, current:0 } }, methods:{ enter(index){ this.seen = true; this.current = index; }, leave(){ this.seen = false; this.current = null; } } }

關(guān)于“vue中如何實現(xiàn)鼠標(biāo)移入添加class樣式,鼠標(biāo)移出去除樣式”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

http://weahome.cn/article/ipgcip.html