u-tabs在页面跳转时传入参数如何将光标在u-tabs放在传参对应值的位置

要将光标在u-tabs放在传参对应值的位置，你可以在页面跳转时，通过JavaScript将对应的tab激活，然后再将光标移动到该tab对应的输入框中。具体实现方法如下：

1. 首先，在u-tabs中添加一个id属性，方便我们在JavaScript中获取该元素。

<u-tabs id="myTabs">
  <u-tab title="Tab1">
    <input type="text" name="input1">
  </u-tab>
  <u-tab title="Tab2">
    <input type="text" name="input2">
  </u-tab>
  <u-tab title="Tab3">
    <input type="text" name="input3">
  </u-tab>
</u-tabs>

2. 在页面跳转时，获取参数值，并根据参数值激活对应的tab。

// 获取参数值
const params = new URLSearchParams(window.location.search);
const activeTab = params.get("tab"); // 假设参数名为tab

// 激活对应的tab
const myTabs = document.getElementById("myTabs");
const tabs = myTabs.querySelectorAll("u-tab");
tabs.forEach((tab, index) => {
  if (tab.title === activeTab) {
    myTabs.activeIndex = index;
  }
});

3. 将光标移动到对应的输入框中。

// 获取对应的输入框
const input = myTabs.querySelector(`u-tab[title="${activeTab}"] input`);

// 将光标移动到输入框中
input.focus();

这样，页面跳转时就能将光标在u-tabs放在传参对应值的位置。