您需要使用JavaScript，而不是数据属性.
因此，使用JavaScript初始化选项卡，然后在每次单击时，将活动选项卡ID存储在localStorage中。
在第一次加载时，从localStorage获取活动选项卡ID，并将其激活，或者设置默认活动选项卡ID。
例如
(note：localStorage在SO上不工作，但它应该在本地工作，即允许保存到localStorage的地方）：

const triggerTabList = document.querySelectorAll('#my_tabs a');

triggerTabList.forEach(triggerEl => {

  const tabTrigger = new bootstrap.Tab(triggerEl);

  triggerEl.addEventListener('click', event => {

    event.preventDefault();
    tabTrigger.show();

    // save tab target
    localStorage.setItem('active-tab', event.target.getAttribute('href'));

  });
});

// get the active tab id, set default
const activeTabId = localStorage.getItem('active-tab') || '#tab1';

// find the element that triggers the tab
const activeTab = [...triggerTabList].find(el => el.getAttribute('href') === activeTabId);

// click the element to trigger the tab
// in case it's not found, click the first tab
if (activeTab) {
  activeTab.click();
} else {
  triggerTabList[0].click();
}

个字符