Nuxt.js の Assetsに格納されている画像を Vue 単一ファイルコンポーネントのdataプロパティで読み込む方法
Nuxt.js の Assetsに格納されている画像を Vue 単一ファイルコンポーネントのdataプロパティで読み込むには、require('@/assets/image/hoge.png')
といった具合に、require()
を使用する。
<template> <img :src="url" alt="" /> </template> <script> export default { data() { return { url: require('@/assets/image/hoge.png') } } } </script>