テンプレート内で変数とテキストを結合する方法:<template>
<div>
<img :src="imageUrl" alt="画像">
</div>
</template>
<script>
export default {
data() {
return {
imageName: 'example',
imageExtension: '.jpg'
};
},
computed: {
imageUrl() {
return thi>>More
scale-downは、画像のサイズを元のサイズよりも小さく表示するためのCSSプロパティです。scale-downは、画像が元のサイズで表示される場合と、画像が小さくスケールダウンされる場合のどちらか、より小さい方に画像をスケーリングします。>>More
img要素を使用する方法:
img要素を使用して画像を埋め込む方法は最も一般的な方法です。以下はそのコード例です。<img src="画像のURL" alt="代替テキスト">>>More
方法1: getElementByIdを使用する方法var img = document.getElementById('imageId');
var src = img.src;
console.log(src);>>More