vue动态绑定图片和背景图

2024年5月2日 119次阅读来源: darkerXi

1、动态绑定图片

<img class="binding-img" :src="require('../assets/images/test.png')" />

2、动态绑定背景图

<div class="binding-bg" :style="{ 'background': 'url(' + require('../assets/images/'+bgDef) + ') no-repeat center center', 'background-size': '100% 100%'}">

<div class="binding-bg" :style="{ background: 'url(' + require('../assets/images/'+ testBg ? testBg : bgDef) + ') no-repeat center center', backgroundSize: '100% 100%'}">

    原文作者：darkerXi
    原文地址: https://segmentfault.com/a/1190000016340129
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。