在导航抽屉上Vuetify设置图像背景

时间:2019-04-17 03:23:04

标签: vue.js vuetify.js

我正在使用Vuetify的材料模板之一进行学习。其navigation-drawer在背景上有一个图像,如下所示:

enter image description here

我看过代码,导航抽屉中有一个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"]),

如何应用图片或图片的实际来源在哪里?

1 个答案:

答案 0 :(得分:0)

这是vuetify材质仪表板示例应用程序。您将在vuex商店中找到该图像。 更具体地说-src / store / modules / app / state.js