Vuetify 2->3迁移:当v-list-item-icon具有v-if条件时该怎么办

zqdjd7g9  于 2023-05-18  发布在  Vue.js
关注(0)|答案(1)|浏览(198)

我把这篇文章修改为v-list-item-icon;如果你来到这里寻找这个,下面有一个答案。
有人在评论中建议,因为我问了很多迁移问题,所以我把这个分成了多个帖子。我现在已经这样做了。这些是那些帖子:

有人已经帮助我解决了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}}}}"吗?
谢谢大家!

3z6pesqy

3z6pesqy1#

<v-list-item
  class="mr"
  v-for="item in userItems"
  :key="item.title"
  link
  @click="clickUserMenuItem(item.routeName)"
  :icon="item.icon || null"
/>

你真的不需要它与'item.icon|| null' < 'item.icon'就足够了..
看这个答案:VueJS有条件地为元素添加属性

相关问题