写 vue 遇到的奇葩问题

[kentxxq]

代码如下

        <svg class="icon" aria-hidden="true">
          <use :xlink:href="key"></use>
        </svg>

保存以后变成了这样

        <svg class="icon" aria-hidden="true">
          <use xlink:href="key"></use>
        </svg>

我的冒号不见了！于是就报错了。 各位能指点一下，我修改哪里的配置吗

[heimeil]

svg 直接放到 vue 模板里？好像冒号开头都会被解析成指令吧，最好放外面作为资源文件引用。

[kentxxq]

@heimeil 我就因为想把值穿给 xlink:href，所以就前面加了个冒号

这个是 iconfont 的图标，要彩色的，所以只能 symbol 方法来用。

然后我把这里的值放到了单独的配置文件里，v-for 来遍历。

[kentxxq]

我的环境：vscode+vetur 插件
大家用的时候，应该也会这样。
我是改成了匹配 html 来写，这样就也有高亮显示了。。。

[MerlinLord]

应该是什么插件引起的

[collinswang]

xlink:href="{{iconId}}"