vuetify扩展面板箭头图像未显示

时间:2018-11-14 08:55:01

标签: vue.js vuetify.js

enter image description here

我正在尝试在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>

0 个答案:

没有答案