vue2中iframe隐藏滚动条

在 Vue.js 2 中，如果你想在一个 iframe 标签内隐藏滚动条，可以设置 `scrolling` 属性为 `no` 或者 `auto`（仅当内容可滚动时隐藏）。以下是基本的示例：

<template>
  <div>
    <iframe :src="yourIframeSrc" scrolling="no"></iframe>
  </div>
</template>

<script>
export default {
  data() {
    return {
      yourIframeSrc: 'https://example.com', // 替换为你需要的iframe地址
    };
  },
};
</script>

在这个例子中，`:scrolling="no"` 表达式绑定会覆盖默认的 iframe `scrolling` 属性值，使得滚动条不会显示。

如果内容确实有需要滚动，但是希望滚动条样式不可见，你可以尝试使用 CSS 隐藏滚动条：

iframe {
  overflow-y: hidden; /* 隐藏垂直滚动条 */
  scrollbar-width: none; /* 移除所有滚动条 */
}

/* 只对非IE浏览器生效，因为IE不支持 `scrollbar-width`，所以添加一个备用方案 */
@supports (-ms-overflow-style: none) {
  iframe::-webkit-scrollbar { /* 针对 WebKit 内核（如 Chrome 和 Safari） */
    display: none;
  }
}