字符串内的Vue mdi图标

Question

我如何在字符串中使用 mdi 图标并在方法中返回它，该方法将充当 agggrid 表中单元格的组件。

import { mdiPencil } from "@mdi/js";
data(){
  return{
    mdiPencil
  }
}
methods:{
 viewButton() {
   return `<v-btn icon><v-icon>{{ mdiPencil }}</v-icon></v-btn>`;
 },
}

以上是我的方法。现在它将{{mdiPencil}} 显示为字符串，而不是aggrid 表格单元格中的图标。如何显示图标？

Answer 1

你可以试试

return `<svg role="img" class="v-icon__svg">
        <path d="${mdiPencil}"></path>
      </svg>`;