我可以通过 javascript 和 jquery 进行修改,但通过敲除绑定xlink:href
仅修改 dom 是行不通的。xlink:href
attr
这是我的 svg 定义
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none">
<defs>
<symbol id="icon-home" viewBox="0 0 32 32">
<path class="path1" d="M32 18.451l-16-12.42-16 12.42v-5.064l16-12.42 16 12.42zM28 18v12h-8v-8h-8v8h-8v-12l12-9z"></path>
</symbol>
</defs>
这是插入在身体的顶部
icon
然后在我的视图模型上使用带有 html 和属性的敲除
<svg class="svg-icon">
<use id="myuse" data-bind="attr: {'xlink:href': icon }"></use>
</svg>
我确定图标返回正确,因为我得到以下渲染输出
<svg class="svg-icon">
<use data-bind="attr: {'xlink:href': icon }" xlink:href="#icon-home"></use>
</svg>
这是正确的,但没有任何显示。有没有人可以通过淘汰赛解决这个问题?