如何使用美汤查找具有不同选项卡的HTML表

<template>
  <div id="app">
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="tab1">
        <div>选项卡 1 的内容</div>
      </mt-tab-container-item>
      <mt-tab-container-item id="tab2">
        <div>选项卡 2 的内容</div>
      </mt-tab-container-item>
      <mt-tab-container-item id="tab3">
        <div>选项卡 3 的内容</div>
      </mt-tab-container-item>
    </mt-tab-container>

    <mt-tabbar v-model="selected">
      <mt-tab-item id="tab1" label="选项卡 1"></mt-tab-item>
      <mt-tab-item id="tab2" label="选项卡 2"></mt-tab-item>
      <mt-tab-item id="tab3" label="选项卡 3"></mt-tab-item>
    </mt-tabbar>
  </div>
</template>

<script>
import { TabContainer, TabContainerItem, Tabbar, TabItem } from 'mint-ui';
import 'mint-ui/lib/style.css';

export default {
  components: {
    'mt-tab-container': TabContainer,
    'mt-tab-container-item': TabContainerItem,
    'mt-tabbar': Tabbar,
    'mt-tab-item': TabItem
  },
  data() {
    return {
      selected: 'tab1'
    };
  }
};
</script>

import { TabContainer, TabContainerItem, Tabbar, TabItem } from 'mint-ui';
import 'mint-ui/lib/style.css';

import 'mint-ui/lib/style.css';