Currently, I am attempting to make use of the reference "index" located within
<tr v-for="(note, index) in noteList" v-bind:key="index"<template>
<div>
<button class="btn-delete" @click="shareToPublic(index)">Share</button>
<tbody>
<tr v-for="(note, index) in noteList"
v-bind:key="index"
v-if="note.workspace_id === currentWorkspace"
@dblclick="getNote(note.id)"
@click="selectedId(index)" >
<td>{{ note.title }}</td>
<button type="submit" @click="deletePage(note.id, index)">Delete</button>
</tr>
</div>
</template>
<script lang="ts">
@Componet
export default class ValueHub extends Vue {
private selectedId(index: number): number {
return this.noteList[index].id
}
async shareToPublic(index: number){
const numberToString = this.selectedId(index).toString()
await this.$router.push({name: 'PublicContent', params: {id: numberToString}});
}
}
</script>