当前我有一个 v-tab，它有四个带有图像图标和文本的选项卡。但是，当选项卡处于活动状态时，活动选项卡图标应更改为另一个图像。我该怎么做？
data() { return { tabs: null, items: [ { icon: "/planeInactive.svg", name: "plane" }, { icon: "/hotelInactive.svg", name: "hotel" }, { icon: "/planehotelInactive.svg", name: "plane + hotel" }, { icon: "/planeInactive.svg", name: "students" }, ], }; }, {{ item.name }}
v-model使用一些默认值，'tab'使选项卡默认处于活动状态。 （我在v-model中使用选项卡的 name 属性，但您可以使用您想要的任何唯一属性。）v-model检查哪个选项卡处于活动状态，并使用条件运算符更新图标。 （我使用了虚拟图标，您可以使用您的。）在这个演示中，您应该看到当选项卡处于活动状态时，将显示彩色航班图标，否则将显示黑色航班图标。