小编nan*_*2nd的帖子

通过knockout attr绑定修改svg xlink:href

我可以xlink:href通过javascript和jquery修改就好了,但xlink:href通过敲除attr绑定修改dom是不行的.

这是我的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>
Run Code Online (Sandbox Code Playgroud)

它插在身体的顶部

然后icon在我的视图模型上使用带有html和属性的knockout

<svg class="svg-icon">
    <use id="myuse" data-bind="attr: {'xlink:href': icon }"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)

我确定图标正确返回,因为我得到以下渲染输出

<svg class="svg-icon">
    <use data-bind="attr: {'xlink:href': icon }" xlink:href="#icon-home"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)

这是正确的,但没有任何显示.是否有人有淘汰赛的解决方案?

javascript svg xlink attr knockout.js

4
推荐指数
1
解决办法
2051
查看次数

标签 统计

attr ×1

javascript ×1

knockout.js ×1

svg ×1

xlink ×1