ntohq/buefy-next

table selection error

Closed this issue · 1 comments

tatwww commented

Overview of the problem

Buefy version: [+-- buefy@npm:@ntohq/buefy-next@0.1.4]
Vuejs version: [+-- vue@3.4.36]
OS/Browser: Chrome

Description

Steps to reproduce

I completely copied the table selection example of template in buefy
But the selection doesn't work, I can't select other rows.

Or I can write an additional v-on:click method, but how to get the data in the for loop?

table_selection

Please help to resolve this issue

By the way, would you consider reorganizing the files into a new branch? Now it seems that vue2 and vue3 also use the same api file, but in some cases they cannot be used completely consistently, such as vue2 (toast open) and vue3 - new Toast(). Open({ }).
Users use the same API files, causing many unnecessary errors.

tatwww commented

The issue has been fixed as follows, if anyone encounters the same issue in the future, you can try the following:

v-model:selected="selected"

<template>

<div>
    <b-table :data="data" :columns="columns" v-model:selected="selected" focusable>
</div>

<div>
  <pre>{{ selected }}</pre>
</div>

</template>

<script setup>
const selected = ref(data.value[1])
</script>

test