在现代页面上以安全性为基础将SharePoint Online列表视图显示为选项卡

下面是一个示例代码，用于在现代页面上以安全性为基础将SharePoint Online列表视图显示为选项卡：

1. 首先，您需要在现代页面上添加一个Web部件，以显示选项卡。

2. 在Web部件中，您需要添加以下HTML代码：

<div class="tabs">
  <button class="tablink" onclick="openTab('tab1', this)">Tab 1</button>
  <button class="tablink" onclick="openTab('tab2', this)">Tab 2</button>
  <button class="tablink" onclick="openTab('tab3', this)">Tab 3</button>
</div>

<div id="tab1" class="tabcontent">
  <iframe src="https://your-sharepoint-site-url/lists/your-list-name/view-name.aspx"></iframe>
</div>

<div id="tab2" class="tabcontent">
  <iframe src="https://your-sharepoint-site-url/lists/your-list-name/view-name.aspx"></iframe>
</div>

<div id="tab3" class="tabcontent">
  <iframe src="https://your-sharepoint-site-url/lists/your-list-name/view-name.aspx"></iframe>
</div>

3. 在JavaScript中，您需要添加以下代码：

function openTab(tabName, elmnt) {
  // 隐藏所有选项卡内容
  var tabcontent = document.getElementsByClassName("tabcontent");
  for (var i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // 将选项卡按钮设置为非活动状态
  var tablink = document.getElementsByClassName("tablink");
  for (var i = 0; i < tablink.length; i++) {
    tablink[i].className = tablink[i].className.replace(" active", "");
  }

  // 显示当前选项卡内容并将选项卡按钮设置为活动状态
  document.getElementById(tabName).style.display = "block";
  elmnt.className += " active";
}

4. 替换代码中的URL和列表名称，以匹配您的SharePoint Online网站和列表。

这样，您就可以在现代页面上以选项卡形式显示多个SharePoint Online列表视图，并根据需要进行安全设置。