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>