如何在vue中根據值設置不同的class
本篇文章為大家展示了如何在vue中根據值設置不同的class，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
創新互聯建站主營洛浦網站建設的網絡公司,主營網站建設方案,成都App制作,洛浦h5微信小程序定制開發搭建,洛浦網站營銷推廣歡迎洛浦等地區企業咨詢
如下所示：
<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，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創新互聯行業資訊頻道。
分享文章：如何在vue中根據值設置不同的class
標題鏈接：http://www.js-pz168.com/article28/jhhjjp.html
成都網站建設公司_創新互聯，為您提供外貿網站建設、品牌網站制作、服務器托管、標簽優化、靜態網站、關鍵詞優化
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
- 注冊域名后綴哪個好？新手要掌握哪些域名注冊？ 2022-12-08
- 重慶網絡公司: 低價不是網站建設和域名注冊的最優選擇 2015-05-11
- 注冊域名需要考慮什么？ 2016-08-27
- 建站或注冊域名前填寫資料進行備案！ 2016-12-12
- 互聯網域名注冊那些事兒 2021-03-07
- 從事網站建設十年后再談域名注冊需要做的準備工作 2022-05-15
- 什么是域名注冊什么樣的會是好域名 2021-10-17
- 域名注冊注意事項 2022-06-14
- 企業網站制作搶先注冊域名很有必要 2016-09-01
- 網站建設時注冊域名的注意事項 2014-05-29
- 掌握技巧申請域名 搜索收錄易記不易錯 2017-01-18
- 10分鐘快速了解企業域名注冊？ 2016-09-29