Vue.jsを利用したTabulatorのrowSelectedイベントについて
現在、Vue.jsを利用して、クライアント開発を行っております。
その中で、tabulatorを利用していますが、
tabulatorに用意されている「rowSelected」を利用しても、
methodsのtestメソッドが「test is not defined」になります。
<template>
<div ref="table"></div>
</template>
<script>
export default {
data () {
return {
tabulator: null,
tableData: [],
rowNo: {
title: 'No',
field: 'rowNo',
align: 'center',
formatter: 'rownum',
headerSort: false,
width: 30
}
},
mounted () {
this.tabulator = new this.$Tabulator(this.$refs.table, {
data: this.tableData,
columns: [ this.rowNo ],
rowSelected: function (row) {
this.test()
// thisはtabulatorとなるため、test()が無い
// vueのmethodsのtset()を呼び出したい
}
})
},
methods: {
test () {
console.info('test')
}
},
}
</script>
<style lang="scss" scoped>
</style>
どうにかtabulatorのrowSelectedにて、testメソッドを呼び出したいのですが、方法はございますでしょうか。