首页 > 解决方案 > vuetify 扩展面板箭头图像不显示

问题描述

在此处输入图像描述

我正在尝试在 Vue.js 中使用 vuetify 扩展面板。

但是你可以看到这张图片中没有显示箭头图像。

即使我试图删除 :expand-icon="images.arrow" 它出现字符串 "keyboard-arrow-down"

这是我的代码。

有任何想法吗?谢谢。

 images: {
          check: require('../assets/check.png'),
          uncheck: require('../assets/uncheck.png'),
          memo: require('../assets/memo.png'),
          thumbsUp: require('../assets/thumbs-up.svg'),
          chrome: require('../assets/chrome.svg'),
          arrow: require('../assets/arrow.svg'),
        },
      ...


      <v-expansion-panel>
        <v-expansion-panel-content :expand-icon="images.arrow" v-for="(item,i) in 5" :key="i">
          <div slot="header">Item</div>
          <v-card>
            <v-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
              labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
              aliquip ex ea commodo consequat.</v-card-text>
          </v-card>
        </v-expansion-panel-content>
      </v-expansion-panel>

标签: vue.jsvuetify.js

解决方案


推荐阅读