在Vue项目中动态地给svg标签中的xlink:href属性赋值:
<svg class="icon" aria-hidden="true">
<use :xlink:href="'#icon-'+item.icon"></use>
</svg>
presentList: [{
icon: 'xinfeng',
},
{
icon: 'taiquandao',
},
{
icon: '2',
},
{
icon: '3',
},
{
icon: 'hujia',
},
{
icon: 'toukui',
},
{
icon: 'zhengshu',
},
{
icon: 'jiangpai',
},
{
icon: 'jiangbei',
}
],

在Vue项目中,可以通过动态设置svg标签的xlink:href属性来显示不同的图标。例如,利用presentList数组中item的icon属性,可以为<use>标签动态赋值,实现多个图标展示。
933

被折叠的 条评论
为什么被折叠?



