博主微信:jiayou321xiaoyu 加微信,备注:前端Tree

在nuxt 中引入 assets 中的静态资源

javascript admin 40℃ 0评论

例如引入图片:

Inside your vue templates, if you need to link to your assets directory use ~/assets/your_image.png with a slash before assets.

<template>
  <img src="~/assets/your_image.png" />
</template>

Inside your css files, if you need to reference your  assets  directory, use ~assets/your_image.png(without a slash)

background: url('~assets/banner.svg');

When working with dynamic images you will need to use require

<img :src="require(`~/assets/img/${image}.jpg`)" />

转载请注明:前端Tree » 在nuxt 中引入 assets 中的静态资源

喜欢 (1)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址