style width 這個(gè)問題 折磨了我一個(gè)上午了 好慚愧

因?yàn)轫?xiàng)目涉及到 進(jìn)度條 所以必須用行內(nèi)樣式 style

用過vue的都知道 vue中style的用法

大眾用法

：style=' { width:30px } '

但是現(xiàn)在涉及到拼接了 直接上代碼了

其中l(wèi)ist是我data循環(huán)的數(shù)據(jù) 這是一個(gè)比例的關(guān)系

公開是拼接的時(shí)候 一直是報(bào)錯(cuò)的 一直出現(xiàn)文本 ‘ } ’ = > 類似這些的東西

很顯然 是拼接的問題 于是繼續(xù)拼接 但是還是變著花樣地出現(xiàn)這些鬼東西

于是發(fā)現(xiàn) 只要把花括號(hào)去掉 拼接上%就可以了

雖然浪費(fèi)了很多時(shí)間 但是還是有收獲的！

下面的這個(gè)是a的href 跳轉(zhuǎn)時(shí)候拼接id的

這個(gè)沒啥好說的 看看圖片就差不多理解了 不過我怎么覺得vue的拼接和普通html不一樣啊

補(bǔ)充知識(shí)：問題：vue.js a標(biāo)簽href里有變量，函數(shù)拼接問題

正確格式：

<a :href ='http://www.lshqa.cn/bcjs/’http://search.jd.com/Search?enc=utf-8&keyword=’+keyWord+’&page=’+Math.ceil(record.skuRank/60)+’.html’'>跳轉(zhuǎn)</a>

注意點(diǎn)：

1.href前面要加“：”

2.字符串要用單引號(hào)“ ’ ”包住

3.句尾要加“.html”

以上這篇vue style width a href動(dòng)態(tài)拼接問題的解決就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。