vue style width a href动态拼接问题 ?

时间:2023-01-19 19:16:59

style width 这个问题 折磨了我一个上午了  好惭愧

因为项目涉及到 进度条 所以必须用行内样式  style

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

大众用法

:style=" { width:30px } "

但是现在涉及到拼接了  直接上代码了

vue style width a href动态拼接问题 ?

其中list是我data循环的数据 这是一个比例的关系

公开是拼接的时候 一直是报错的 一直出现文本 ‘ } ’ = > 类似这些的东西

很显然 是拼接的问题  于是继续拼接 但是还是变着花样地出现这些鬼东西

于是发现  只要把花括号去掉 拼接上%就可以了

虽然浪费了很多时间 但是还是有收获的!

下面的这个是a的href 跳转时候拼接id的

vue style width a href动态拼接问题 ?

这个没啥好说的  看看图片就差不多莉姐了 不过我怎么觉得vue的拼接和普通html不一样啊

(捂脸)可能太菜了 !

如若转载请注明出处 谢谢!

如果喜欢就点个赞再走呗 ! 阿里嘎多~~