我的vue模板代码如下：
<div class="collegecardimage rounded" v-bind:style="{ 'backgroundImage': 'url(' + '/storage/college_images/{{ college.cover_image}}' + ')' }"></div>
该college.cover_image包含与我希望得到一个URL到我的形象在这个div图像的名称。我本来可以在 laravel 中使用类似的代码轻松生成 URL，但使用 vue 就很难了。
经过大量实验，我得到了以下代码：
<div class="collegecardimage rounded" v-bind:style="{ 'backgroundImage': 'url(' + '/storage/college_images/'+ college.cover_image + ')' }"></div>
对于 img 标签，以下代码有效：
<img class="collegecardimage rounded " v-bind:src="'/storage/college_images/'+ college.cover_image"/>
非常感谢上面的所有答案。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句