微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 Vue3 + Parcel 2 中粘贴插入本地图像?

如何解决如何在 Vue3 + Parcel 2 中粘贴插入本地图像?

我想使用项目中本地文件夹中的图像 (fitlogo.png)。

如果我使用 Vue 3 + ParcelJS 2 怎么办?

注意:第一张图片(通过网址从网络加载) - 一切OK

第二个图片 - 我看到了替代文字


这是 App.vue 中的代码

<template>
  <div class="container">
    <h1>{{ message }}</h1>
    <img :src="roseImg" alt="no Image!">
    <img :src="import(roseImg2)" alt="no Local Image!"> <!-- HOW ??-->
  </div>
</template>

<script>
export default {
  name: 'App',data() {
    return {
      message: 'Using Parcel In A Vue.js App',roseImg: 'https://img-fotki.yandex.ru/get/5807/136160416.205/0_15fa25_b38668a9_orig.png',roseImg2: '/fitlogo.png',};
  },};
</script>

这是 package.json 的一部分:

"main": "index.html","scripts": {
    "dev": "parcel index.html","test": "echo \"Error: no test specified\" && exit 1"
  },

这是我看到的

what i see

============================================

这是文件-文件夹结构:

project structure

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。