vue語(yǔ)法之拼接字符串的示例代碼

本文介紹了vue語(yǔ)法之拼接字符串的示例代碼，分享給大家，具體如下。

先來(lái)一行代碼：

<div class="swiper-slide" v-for="item in message">
　　<img v-bind:src="['xxx(需要拼接的字符串)'+item.picurl]" alt="" width="100%" height="245" />
</div>

如代碼所示，只需要在數(shù)組語(yǔ)法中拼接字符串即可。

***知識(shí)點(diǎn)***

順便總結(jié)一下vue語(yǔ)法

寫(xiě)法也分為：style的綁定和class的綁定

（以下代碼部分為官網(wǎng)例子）

(1)對(duì)象語(yǔ)法

顧名思義，就是有使用對(duì)象寫(xiě)法的語(yǔ)法

style綁定：

這類(lèi)寫(xiě)法和css寫(xiě)法類(lèi)似

class綁定：

active是類(lèi)名，isActive為true的時(shí)候active有效

(2)數(shù)組語(yǔ)法

style綁定:

<div :style="[style1,style2,style3]"></div>

data寫(xiě)法官網(wǎng)沒(méi)介紹，我這邊簡(jiǎn)單寫(xiě)一下例子：

data: {
 style1:{background:'red'},
 style2:{width:'100px'},
 style3:{height:'100px'}
 }

class綁定:

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com