Nuxtで画像を表示する

画像ファイルは、assets/img/yokohama.jpgにあるものとします。

<template>
    <div id="main-top">
        <!--<img src="~assets/img/yokohama.jpg" alt="">-->
    </div>
</template>


<style>
    #main-top{
        width:100%;
        height:100vh;
        background:url('~assets/img/yokohama.jpg');
        background-size: 100%;
    }
</style>


<script>
export default {
    data() {
        return {
            a:''
        }
    }
}
</script>

~を使ってassetsフォルダにアクセスできるようです。
CSSの場合も同じです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です