Question

您在哪里复制图像以使以下命令起作用？

$(document).ready(function() {
    $('input#autocomplete').autocomplete({
        source: source,
        select: function(event, ui) {
            window.location.href = ui.item.value;
        },
    });
});


var source = [
    {
        value: 'bitcoin.html',
        label: 'Bitcoin (BTC)',
    },
];

我从vue bootstrap网站https://github.com/facebook/folly/commit/a47a5531edcb95a27f987e810272ba94a9b51162

获得了以下代码

我想尝试一下，而不是对transformToRequire选项进行大量更改。

vue项目的部分目录布局：

myProject | src |组件（位于组件目录中的.vue文件）

Answer 1

根据您提供的结构，您可以在static放置src文件夹，放置图片。

但请注意require与当前文件相关。

Answer 2

路径是相对于您编写需求的文件。

因此，我们说您的脚本位于./src/components/myComp.vue，您的文件将在./src/static/picture.jpg中查找

transformToRequire的目的不是管理资产位置，尽管如果没有正确设置路径，它可能会发出错误。 transformToRequire只是从src="..."到src="require(...)"的语法糖，让webpack完成剩下的工作。

如果您不想在文件的边缘居住，也可以选择其他方式，尤其是当您移动文件时。

在webpack中，您通常会为某些路径设置别名：

  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }   
  },

这样你就可以使用：

<b-img :src="require(@/static/picture.jpg)" />

使用时要放置图像的位置需要解析图像路径[Vue]

2 个答案: