使用mint-ui Navbar上使用点击事件

<mt-navbar v-model="selected">
  <mt-tab-item id="1">选项一mt-tab-item>
  <mt-tab-item id="2">选项二mt-tab-item>
  <mt-tab-item id="3">选项三mt-tab-item>
mt-navbar>

<mt-tab-container v-model="selected">
  <mt-tab-container-item id="1">
    <mt-cell v-for="n in 10" :title="'内容 ' + n" />
  mt-tab-container-item>
  <mt-tab-container-item id="2">
    <mt-cell v-for="n in 4" :title="'测试 ' + n" />
  mt-tab-container-item>
  <mt-tab-container-item id="3">
    <mt-cell v-for="n in 6" :title="'选项 ' + n" />
  mt-tab-container-item>
mt-tab-container>

怎样添加点击事件呢

<mt-navbar v-model="selected" @click="直接添加点击事件无效">
  <mt-tab-item id="1" @click="直接添加点击事件无效">选项一mt-tab-item>
  <mt-tab-item id="2">选项二mt-tab-item>
  <mt-tab-item id="3">选项三mt-tab-item>
mt-navbar>

我是这样加的…

<mt-navbar v-model="selected">
  <mt-tab-item id="1"> <span @click="这样就可以了">选项一span> mt-tab-item>
  <mt-tab-item id="2">选项二mt-tab-item>
  <mt-tab-item id="3">选项三mt-tab-item>
mt-navbar>

还有更好的办法吗…求告知