Javascript 如何在vue js中获取aria rowindex值?

Javascript 如何在vue js中获取aria rowindex值?,javascript,vue.js,Javascript,Vue.js,</b-table> <nav> <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/> </nav> </b-tab> <

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>

如何获取事件的索引值

注意:请在您的问题中添加更多信息,添加一个或更清楚地描述您正在做的事情

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
我将尝试以我理解的方式回答您的问题:

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
您可能使用vue的
@click
指令附加EventListener?在这种情况下,您可以通过特殊的
$event
变量(例如
)将原始
事件传递给处理程序

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
如果您使用普通JavaScript(
element.addEventListener('click',callback)
)附加EventListener,那么您的回调会将事件作为第一个参数传递

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
在这两种情况下,您都可以通过
event.target
访问元素,这表示实际的HTMLElement。aria rowindex是HTMLElement上的常规属性,您可以使用
元素.getAttribute('aria-rowindex')
访问它

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
例子

..
处理程序(事件){
const rowIndex=event.target.getAttribute('aria-rowIndex');
}

注意:请在您的问题中添加更多信息,添加答案或更清楚地描述您到底在做什么

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
我将尝试以我理解的方式回答您的问题:

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
您可能使用vue的
@click
指令附加EventListener?在这种情况下,您可以通过特殊的
$event
变量(例如
)将原始
事件传递给处理程序

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
如果您使用普通JavaScript(
element.addEventListener('click',callback)
)附加EventListener,那么您的回调会将事件作为第一个参数传递

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
在这两种情况下,您都可以通过
event.target
访问元素,这表示实际的HTMLElement。aria rowindex是HTMLElement上的常规属性,您可以使用
元素.getAttribute('aria-rowindex')
访问它

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
例子

..
处理程序(事件){
const rowIndex=event.target.getAttribute('aria-rowIndex');
}
{{data.item.id} {{data.item.name} {{data.item.status} 弗赖斯卡尔滕 维维芬 --> 编辑 删除 接受 拒绝

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>

如何进行搜索
    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>
{{data.item.id} {{data.item.name} {{data.item.status} 弗赖斯卡尔滕 维维芬 --> 编辑 删除 接受 拒绝

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>

如何进行搜索

    </b-table>
    <nav>
      <b-pagination size="sm" :total-rows="getRowCountunlog(unlogname)" :per-page="perPage" v-model="currentPage" prev-text="Prev" next-text="Next" hide-goto-end-buttons/>
    </nav>
  </b-tab>
  </b-tabs>