vue2 el-tabs 实现当内容超出时可以左右切换滚动的tab标签

目标：基于 el-tabs 实现当内容超出时可以左右切换滚动的tab标签

最开始的做法是直接用el-button去做，但是发现当内容超出后会它会自动换行并且还不可以左右切换

就像下面的效果，这种做出来就不是很美观

<el-radio-group v-model="tabPosition">
  <el-radio-button
    v-for="item in productTabTypeList"
    :key="item.id"
    :value="item.value"
  >
    {
  {item.label}}
  </el-radio-button>
</el-radio-group>
        
const productTabType = [
  {
    label: "科技信用贷",
    value: "科技信用贷",
    id: 1,
  },
  {
    label: "科技项目贷",
    value: "科技项目贷",
    id: 2,
  },
  {
    label: "科技担保贷",
    value: "科技担保贷",
    id: 3,
  },
  {
    label: "科技人才贷",