写 vue 遇到的奇葩问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 1910 天前的主题，其中的信息可能已经有所发展或是发生改变。

代码如下

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

保存以后变成了这样

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

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

5 条回复 • 2019-01-26 01:39:19 +08:00

heimeil

2019-01-25 20:36:01 +08:00 via Android

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

kentxxq

2019-01-25 20:43:19 +08:00

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

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

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

kentxxq

2019-01-25 20:47:54 +08:00

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

MerlinLord

2019-01-25 20:58:28 +08:00

应该是什么插件引起的

collinswang

2019-01-26 01:39:19 +08:00

xlink:href="{{iconId}}"