溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文介紹了vue語法之拼接字符串的示例代碼，分享給大家，具體如下。
先來一行代碼：
<div class="swiper-slide" v-for="item in message"> <img v-bind:src="['xxx(需要拼接的字符串)'+item.picurl]" width="100%" height="245" /> </div>
如代碼所示，只需要在數組語法中拼接字符串即可。
***知識點***
順便總結一下vue語法
寫法也分為：style的綁定和class的綁定
（以下代碼部分為官網例子）
(1)對象語法
顧名思義，就是有使用對象寫法的語法
style綁定：
這類寫法和css寫法類似
class綁定：
active是類名，isActive為true的時候active有效
(2)數組語法
style綁定:
<div :></div>
data寫法官網沒介紹，我這邊簡單寫一下例子：
data: {
style1:{background:'red'},
style2:{width:'100px'},
style3:{height:'100px'}
}
class綁定:
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
