iconfont的symbol在vue中怎么循环使用

Question

<svg class="icon" aria-hidden="true">

  <use xlink:href='#iconicon-test1'></use>

</svg>

项目中有个地方需要循环这个symbol字体，但是xlink:href无法进行绑定

有什么方法可以在v-for中循环输出这个字体

Answer 1

<svg v-for="(item, index) in list" :key="index" aria-hidden="true">
  <use :xlink:href="`#icon-${item.name}`" />
</svg>
// list = [{name: 'value1'}, name: 'value2']