vue中，如何给div设置，让页面没有高低滚动条，举例说明，

在Vue中，如果你想要一个`<div>`元素没有水平和垂直滚动条，你可以直接在CSS上做设置。通常我们会在`div`的选择器后添加`:style`属性，并动态地设定`overflow`样式。例如：

<div :style="{ scrollbarWidth: 'none', overflow: 'auto' }">
  <!-- 其他内容 -->
</div>

这里假设有一个自定义的`scrollbarWidth`变量，其值可以是一个计算函数，用于检查浏览器是否支持CSS Scrollbar模块，如果支持则隐藏滚动条。这是一个简单的例子：

data() {
  return {
    scrollbarWidth: null,
  },
},
mounted() {
  this.calculateScrollbarWidth();
},
methods: {
  calculateScrollbarWidth() {
    const div = document.createElement('div');
    div.style.visibility = 'hidden';
    div.style.width = '100px';
    div.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
    document.body.appendChild(div);

    const widthNoScroll = div.offsetWidth;
    div.style.overflow = 'scroll';
    const widthWithScroll = div.offsetWidth;

    if (widthNoScroll === widthWithScroll) {
      this.scrollbarWidth = 0; // No scrollbar
    } else {
      this.scrollbarWidth = widthNoScroll - widthWithScroll; // Scrollbar width
    }

    document.body.removeChild(div);
  },
}

然后在模板中引用这个`scrollbarWidth`变量：

<div :style="{'overflow': scrollbarWidth ? 'auto' : 'visible'}">
  <!-- 这里内容可能会很长 -->
</div>

这样，当`scrollbarWidth`存在并且大于0时，滚动条就会被隐藏。