求解一个关于mint-ui的tabbar页面之间切换触时图标更换的问题

Question

<template>
    <div id="app">
        <mt-tabbar v-model="selected">
          <mt-tab-item id="tab1">
            <img slot="icon" src="../assets/tab1_normal.png"> // 默认的图标
            <img slot="icon" src="../assets/tab1_active.png"> // 激活的图标
            外卖
          </mt-tab-item>
          <mt-tab-item id="tab2">
            <img slot="icon" src="../assets/tab2_normal.png">
            <img slot="icon" src="../assets/tab2_active.png">
            订单
          </mt-tab-item>
          <mt-tab-item id="tab3">
             <img slot="icon" src="../assets/tab3_normal.png">
             <img slot="icon" src="../assets/tab3_active.png">
            发现
          </mt-tab-item>
          <mt-tab-item id="tab4">
             <img slot="icon" src="../assets/tab4_normal.png">
             <img slot="icon" src="../assets/tab4_active.png">
            我的
          </mt-tab-item>
        </mt-tabbar>
    </div>
</template>

这段代码中，我想让当点击各个item时，图片可以切换。但是不知道怎么用？
要实现这种效果：

Answer 1

一个思路，为每个tab映射成一个唯一标志的值，如12345.设置一个变量储存当前被点击的tab的映射值，然后v-if或show来条件渲染咯亲给个采纳呗

Answer 2

怎么解决的