我正在使用Vuetify的材料模板之一进行学习。其navigation-drawer
在背景上有一个图像,如下所示:
我看过代码,导航抽屉中有一个v-img
组件,可以为其提供图像:
<template>
<v-navigation-drawer
id="app-drawer"
v-model="inputValue"
app
dark
floating
persistent
mobile-break-point="991"
width="260">
<v-img :src="image" height="100%">
但是,我无法理解的是src属性绑定到了我期望在数据函数中找到的image属性,但它不存在。正在应用的唯一其他参考图像是在计算的属性中,如下所示:
computed: {
...mapState("app", ["image", "color"]),
如何应用图片或图片的实际来源在哪里?
答案 0 :(得分:0)
这是vuetify材质仪表板示例应用程序。您将在vuex商店中找到该图像。 更具体地说-src / store / modules / app / state.js