如何通过JS动态改变`el-tabs`的滚动属性？

在 Vue.js 中，如果你想动态地改变 `el-tabs` 的滚动属性，通常会在组件的 methods 中编写相应的函数来操作。以下是一个简单的例子，说明如何通过 JavaScript 动态设置 `lazy` 属性（是否开启滚动）：

<template>
  <el-tabs v-bind.lazy="isLazy" ref="tabsRef">
    <el-tab-pane v-for="item in tabsItems" :key="item.name">{{ item.name }}</el-tab-pane>
  </el-tabs>
</template>

<script>
export default {
  data() {
    return {
      isLazy: false, // 初始状态为不滚动
      tabsItems: [
        // ...
      ],
    };
  },
  methods: {
    toggleScrolling() {
      this.isLazy = !this.isLazy; // 当需要时更改懒加载属性
      // 如果你想同时更改滚动条的高度，也可以在这里处理
      this.$refs.tabsRef.$refs.tabs && (this.$refs.tabsRef.$refs.tabs.style.height = 'auto'); // 可能需要根据实际需求调整高度
    },
  },
};
</script>

在这个例子中，当你调用 `toggleScrolling` 函数时，`el-tabs` 的滚动特性就会随之改变。