如何识别在 Quasar table 中选择的单元格？

Question

如何识别 Quasar table 中 select 的细胞？

我的目标是，一旦我识别出 selected 单元格，如果用户单击自定义按钮，我会将 selected 单元格信息传递到弹出页面。

请注意，我没有使用行 selection 复选框。

我们希望能够 select 来自类星体中给定列的多个单元 table。我相信这需要自定义 selection 能力。

Answer 1

您可以使用数据 index 存档选择。多行选择请参考以下codepen

https://codepen.io/anon/pen/PrNBpV

对于单元格选择，请参考此。

https://codepen.io/anon/pen/gNrdyL?editors=1010

试试这个

  <q-td key="desc" :props="props" v-for="col in props.cols" :key="col.name" @click.native="selectRow(props.row.__index,col.name)" :class="selected.hasOwnProperty(props.row.__index) && selected[props.row.__index].indexOf(col.name)!=-1?'bg-grey-2':''">
              {{ props.row[col.field] }}
            </q-td>

如何识别在 Quasar table 中选择的单元格？

How do I identify the cell selected in a Quasar table?

vue.js

quasar