Источники изображений не отображаются в динамическом контенте в Vue и Vuetify

В настоящее время я работаю над компонентом, который может отображать вкладки с соответствующим HTML-контентом, используя v-tab, v-tab-items и v-tab-item. В вызове v-tab-item у меня есть следующая ссылка:

<v-card flat>
  <v-card-text v-html = "item.content"></v-card-text>
</v-card>

который отображает HTML-контент, определенный в соответствующем элементе объекта items, через его свойство content, как показано ниже:

data() { return tabNavToolbar: tabNavToolbarImg,
  items: [
          {
            tab: 'About',
            content: '<h2 class = "mt-8">About</h2><p class = "pt-5">Tabs are a form of secondary in-page navigation, helping to group different types of content in a limited space.</p><p class = "pt-5">Use tabs to split long content into manageable chunks to avoid overwhelming the user. By default the first tab is selected.</p><v-card><v-col class = "ml-0 mt-3 pt-8 px-10 pb-10 imgBackground d-flex justify-center"><img src = "../../../assets/tabnavigation/tabnavigation-toolbar.png" width = "100%" height = "100%" alt = "display of tab navigation toolbar"/></v-col></v-card>'
          }
   ]
}

Однако изображение не отображается, на самом деле оно отображается как сломанное, хотя, если я укажу URL-адрес изображения непосредственно в стандартном теге img, оно будет отображаться правильно.

Я попробовал идею импорта изображения и привязки соответствующей переменной следующим образом:

import tabNavToolbarImg from '../../../assets/tabnavigation/tabnavigation-toolbar.png'

data() { return tabNavToolbar: tabNavToolbarImg,
  items: [
          {
            tab: 'About',
            content: '<h2 class = "mt-8">About</h2><p class = "pt-5">Tabs are a form of secondary in-page navigation, helping to group different types of content in a limited space.</p><p class = "pt-5">Use tabs to split long content into manageable chunks to avoid overwhelming the user. By default the first tab is selected.</p><v-card><v-col class = "ml-0 mt-3 pt-8 px-10 pb-10 imgBackground d-flex justify-center"><img :src = "tabNavToolbar" width = "100%" height = "100%" alt = "display of tab navigation toolbar"/></v-col></v-card>'
          }
   ]
}

но это, похоже, тоже не работает... Есть ли причина, по которой изображения не будут отображаться ни одним из этих методов, и есть ли способ решить эту проблему? Заранее спасибо.