vue点击切换不同的内容_关于vue-router控制底部导航栏点击切换icon的实例

首先先上一下界面：底部导航栏使用vue-router做的

需求就是：让导航栏的Icon点击之后切换为一个新的Icon,下面是代码板块

<template>
    <div class="router-link-container">
            <router-link to="/labels" active-class="selected" v-on:click.native="change">
                <svg class="icon" aria-hidden="true" :class="{iconSelected:!isActive}">
                    <use xlink:href="#icon-selected-label"></use>
                </svg>
                <svg class="icon" aria-hidden="true" :class="{iconSelected:isActive}">
                    <use xlink:href="#icon-label"&g