欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

如何在vue中根據值設置不同的class

本篇文章為大家展示了如何在vue中根據值設置不同的class，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創(chuàng)新互聯建站主營洛浦網站建設的網絡公司,主營網站建設方案,成都App制作,洛浦h5微信小程序定制開發(fā)搭建,洛浦網站營銷推廣歡迎洛浦等地區(qū)企業(yè)咨詢

如下所示：

<div class="chatBox-kuang" :class="addclass(skin)">
</div>
 
data(){
 return{
  skin:''
 }
}
onchooseSkin(attr){
 this.skin=attr
},

方法一

addclass(i){
 switch (i) {
  case 0:
   return 'skinA';
  case 1:
   return 'skinB';
  case 2:
   return 'skinC';
 }
}

方法二

addclass(i){
 var arr = ['skinA','skinB','skinC'];
 if(i==-1){
  return 'skinA'
 }else{
  return arr[i];
 }
}

上述內容就是如何在vue中根據值設置不同的class，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。

分享文章：如何在vue中根據值設置不同的class
標題鏈接：http://chinadenli.net/article28/jhhjjp.html

成都網站建設公司_創(chuàng)新互聯，為您提供外貿網站建設、品牌網站制作、服務器托管、標簽優(yōu)化、靜態(tài)網站、關鍵詞優(yōu)化

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

綿陽服務器托管