解决Vue中history模式下刷新页面的问题

先说说背景，刚刚从学校出去工作，之前也接触过Vue和React两个框架，但是都不会很深，今天这个问题就是暴露出这点

在公司培训，考核时需要完成一个简易CMS系统，结合Vue全家桶和iview来做，然后在路由的方面，遇到了问题，路由在history模式下跳转路由会刷新整个页面，非常的不友好，但是奈何很久都没有解决这个问题，后来经过大佬指点，应该是router-link的问题，贴上源码

// 此时路由跳转会刷新，明显是进行了页面跳转，而不是路由跳转

 

<router-link class="link" :to="{ name: 'role' }" tag="div">

<MenuItem name="role">角色列表

</MenuItem>

</router-link>

// 后面发现，将MenuItem改为外面就没有这种问题，目测应该是Menuitem本身就window.href事件，让点击router-link同时点击了window.href，导致页面出现刷新

<MenuItem name="role">

    <router-link class="link" :to="{ name: 'role' }" tag="div">角色列表</router-link>

</MenuItem>

修改完之后路由跳转正常，经过这个Bug，认识到了window.href跳转的劣势，应该也属于iview的坑，记上一笔