代码如下
<svg class="icon" aria-hidden="true"> <use :xlink:href="key"></use> </svg>
保存以后变成了这样
<svg class="icon" aria-hidden="true"> <use xlink:href="key"></use> </svg>
我的冒号不见了!于是就报错了。 各位能指点一下,我修改哪里的配置吗
1 heimeil 2019-01-25 20:36:01 +08:00 via Android svg 直接放到 vue 模板里?好像冒号开头都会被解析成指令吧,最好放外面作为资源文件引用。 |
2 kentxxq OP @heimeil 我就因为想把值穿给 xlink:href,所以就前面加了个冒号 这个是 iconfont 的图标,要彩色的,所以只能 symbol 方法来用。 然后我把这里的值放到了单独的配置文件里,v-for 来遍历。 |
3 kentxxq OP 我的环境:vscode+vetur 插件 大家用的时候,应该也会这样。 我是改成了匹配 html 来写,这样就也有高亮显示了。。。 |
4 MerlinLord 2019-01-25 20:58:28 +08:00 |
5 collinswang 2019-01-26 01:39:19 +08:00 xlink:href="{{iconId}}" |