Question

在Vue中，我试图将字符串传递给require（），第一个选项有效（直接传递字符串）。但是，当传递包含字符串的变量时，加载失败，有任何线索吗？

<template>
    <img :src="require('@/assets/channels/email.png')" />
//   <img :src="require(test)" />
</template>

export default {
  data() {
    return {
      test: "@/assets/channels/email.png"
    };
  }
}

Answer 1

最大可能是带表达式的需求，带有完整变量将不起作用。参见docs here

<template>
    <img :src="require('@/assets/channels/'+test+'.png')" />
</template>

export default {
  data() {
    return {
      test: "email"
    };
  }
}

webpack要求如何传递字符串变量？

1 个答案: