我把这篇文章修改为v-list-item-icon
;如果你来到这里寻找这个,下面有一个答案。
有人在评论中建议,因为我问了很多迁移问题,所以我把这个分成了多个帖子。我现在已经这样做了。这些是那些帖子:
- Regarding replacing
app
/clipped-left
/offset-y
- Regarding replacing
v-list-item-content
/v-list-item-group
- Regarding replacing
.v-application
/rounded
/flat
有人已经帮助我解决了v-list-item-icon
的问题,所以我正在重写这篇文章的其余部分,以防其他人发现这个问题。
migration guide说一些属性已经被删除,但文档中关于如何替换它们是令人难以置信的模糊。
我不是一个前端开发人员,但我的任务是更新一些非常旧的依赖项,其中一部分是从Vuetify 2迁移到Vuetify 3。我已经尽了最大努力来遵循迁移指南,但是我在使用v-list-item-icon
时遇到了麻烦。
很明显我需要替换
<v-list-item
class="mr"
v-for="item in userItems"
:key="item.title"
link
@click="clickUserMenuItem(item.routeName)"
>
<v-list-item-icon>
<v-icon>{{ item.icon }}</v-icon>
</v-list-item-icon>
与
<v-list-item
class="mr"
v-for="item in userItems"
:key="item.title"
link
@click="clickUserMenuItem(item.routeName)"
icon="{{item.icon}}"
>
我不清楚如果我有
<v-list-item-icon v-if="item.icon">
<v-icon>{{ item.icon }}</v-icon>
</v-list-item-icon>
...我需要icon="{{v-if={{item.icon}}}}"
吗?
谢谢大家!
1条答案
按热度按时间3z6pesqy1#
你真的不需要它与'item.icon|| null' < 'item.icon'就足够了..
看这个答案:VueJS有条件地为元素添加属性