vue.js - 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>
解决方案
推荐阅读
- excel - Excel VBA SUMIF 50行如何缩短代码
- java - BottomSheet DialogFragment 被键盘覆盖
- javascript - 在 PNotify 中更改背景颜色
- sql-server - 生成的 EntityFramework SQL 使用 varchar 而不是 nvarchar
- python - python:有没有办法对列表中的多个值的元组进行排序?
- react-modal - 我想在反应模式中打开点击的图像
- powershell - Powershell ConvertFrom-StringData 逆运算 ConvertTo-StringData
- azure - 在 azure 中创建 Azure 部署槽不起作用
- cakephp-3.x - Cakephp 3.9 同一张表的多个关联
- c# - 验证 gps 坐标 lat 和 long