鍍金池/ 問答/HTML/ vue這個組件應(yīng)該怎么改呢?

vue這個組件應(yīng)該怎么改呢?

提示要改成v-bind的形式嗎 可是在組件里面應(yīng)該怎么改呢 對vue不太熟 求大家指點
我就是想把這個svg圖標(biāo)顯示出來

Vue.component('lmc',{
               template:
               `
                  <div>
                  <span v-for="item in arr">
                     <svg class="icon" aria-hidden="true">
                     <use xlink:href="{{item.tag}}"></use>
                     </svg>
                  </span>
                  </div>
               `,
               data(){
                  return {
                     arr:[
                        {num:55,tag:'#icon-shoucang5',status:false},
                        {num:10,tag:'#icon-xiaoxi',status:true},
                        {num:32,tag:'#icon-zan2',status:false},
                     ]
                  }
               },
               
         })

報了下面的錯誤

[Vue warn]: Error compiling template:


                  <div>
                  <span v-for="item in arr">
                     <svg class="icon" aria-hidden="true">
                     <use xlink:href="{{item.tag}}"></use>
                     </svg>
                  </span>
                  </div>
               

- xlink:href="{{item.tag}}": Interpolation inside attributes has been removed. 
Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.


found in
回答
編輯回答
陌離殤

二選一

   <use :xlink:href="item.tag"></use>

   <use v-bind:xlink:href="item.tag"></use>
    
2018年6月6日 23:23