可触摸滑动具有回弹效果的Vue组件使用总结

发现一个很实用的vue组件，最近做项目遇到一种常见的需要，虽说常见但是自己没有试着写过，然后去网上找了一下。
需求图如下：下面的导航栏内容太多需要做成滑动的

下面介绍一下我用到的这个组件：
git地址
根据操作引入组件即可，最终达成的效果如下动图所示。

如果你有去尝试使用这个组件，发现真的是好用极了，不得不说开发这个组件的大佬真的是tql！！！
在试图的切换方面作者也是提供了两种思路：
1.使用Vue-router做router-view的切换
2.使用动态组件（可以配合异步组件使用）
这里我采用的第二种，原因是踩够了router-view的坑了(之前我做类似的导航切换的项目都是采用的router-view)，换个坑踩踩，还有就是总觉得使用router-view需要配置一大堆路由，忒麻烦，而且涉及到浏览器回退的坑，so，果断选方案2。
代码：

<template>
    <div>
      <business-search
        :moduleName="refName"
        :isScreen="isScreen"
        @getSearch="getSearch"></business-search>
      <div>
        <ly-tab
          v-model="selectedId"
          :items="items"
          :options="options">
        </ly-tab>
      </div>
      <component :is="name" :ref="refName"/>
    </div>
</template>

<script>
    import BusinessSearch from "../components/businessSharing/BusinessSearch";
    export default {
   
      name: "businessSharing",
      components: {
   BusinessSearch},
      data() {
   
        return {
   
          isScreen:false,
          refName:'CreativeGroup',//默认值
          selectedId: 0,
          name:'',
          items: [
            {
   label: '创意施组',name:'CreativeGroup',isScreen:false},
            {
   label: '开标记录',name:'OpenRecord',isScreen:true},
            {
   label: '专家库',name:'ExpertBank',isScreen: