Quasar q-icon 使用资产文件夹中的图标

Van*_*anz 3 vue.js quasar quasar-framework

我的资产文件夹中有一个名为“home.svg”的图标。如何指示我的q-icon组件获取目录内的图标assets/

我尝试过这样应用:

  <q-icon name="img:/assets/home.svg" class="text-dark" style="font-size: 32px;" />
Run Code Online (Sandbox Code Playgroud)

但图像没有被渲染。

在此输入图像描述

Yom*_* S. 5

您想使用该default插槽。并参见资产解析规则

<q-icon class="text-dark" size="lg">
  <img src="~assets/home.svg" />
</q-icon>
Run Code Online (Sandbox Code Playgroud)