Question

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

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

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

我们希望能够从类星表的给定列中选择多个单元格。我相信这将需要自定义选择功能。

Answer 1

您可以使用数据index归档选择。请参考以下代码笔以进行多行选择。

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表中选择的单元格？

1 个答案: