vue 去除element 文本域垂直的滚动条

在 Vue 中，如果你想要去除 Element UI 的文本域（`el-input`）自带的垂直滚动条，可以尝试通过 CSS 来控制。你可以设置 `overflow-y` 属性为 `hidden` 或者 `scroll` (默认值)，使其隐藏滚动条。下面是一个示例：

<template>
  <el-input v-bind:class="{ 'no-scrollbar': showNoScrollbar }" placeholder="输入内容"></el-input>
</template>

<style>
.no-scrollbar {
  overflow-y: hidden; /* 隐藏垂直滚动条 */
}
</style>

<script>
export default {
  data() {
    return {
      showNoScrollbar: false, // 根据需要动态切换是否显示滚动条
    };
  },
  methods: {
    handleScrollToggle() {
      this.showNoScrollbar = !this.showNoScrollbar;
    }
  }, // 可能会有一个按钮事件来触发滚动条的显示/隐藏
};
</script>

当需要滚动条时，你可以将 `showNoScrollbar` 设置为 `false`。如果你想让用户手动控制滚动条的显示或隐藏，还可以添加一个点击事件监听器。