Vue.js vue cli解析xlink:href在SVG中引用时在<；img src=”等&引用&燃气轮机；

在我的vue cli项目中，我需要在

---

您应该只使用

href

而不是

的

中的

xlink:href

或

您需要像这样使用require和v-bind

或

如果是网页包，您需要将其添加到

vue加载程序的

中，作为

transformToRequire

或根据版本

// webpack.config.js
module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          transformToRequire: {
           image: ['xlink:href', 'href']
          }
        }
      }
    ]
  }
}

---

如果我错了，请纠正我，但我认为除非将SVG包装为vue组件，否则这不会起作用，这是不可取的。如果要使用vue CLI中的文件哈希功能，则SVG需要在Vuejs应用程序范围内。我认为哈希功能是webpack的一项功能。我希望有一个网页设置来替换独立SVG文件中

和

标记的

href

属性。你能找到解决方法吗？我也面临同样的问题。