我嘗試通過兩種方式在 img 標簽上加載 svg 影像。當我使用第一種方式時，它運行良好，但是當我使用第二種方式時，它不起作用。
如何使第二種方式（v-bind :) 運行良好？
<template>
<div>
<img src="../../assets/ico_refresh-ccwb.svg"> <!-- 1st : working -->
<img :src="imgSrc"> <!-- 2st : not working -->
</div>
</template>
<script>
export default {
data(){
return{
imgSrc : '../../assets/ico_refresh-ccwb.svg'
}
}
}
</script>
uj5u.com熱心網友回復：
@niddddddfier 你需要在你的imgSrc屬性前加上require關鍵字。例如，
data(){
return{
imgSrc : require('../../assets/ico_refresh-ccwb.svg')
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/377023.html
標籤：Vue.js