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

【问题标题】：How do I identify the cell selected in a Quasar table?如何识别 Quasar 表中选择的单元格？
【发布时间】：2019-10-27 09:51:54
【问题描述】：

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

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

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

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

【问题讨论】：

你的意思是当用户点击该行时？
当用户点击一行时，它会识别行和列......所以不仅仅是行。如果只有行是可能的，请也分享。
我们希望能够从类星体表的给定列中选择多个单元格。我相信这将需要自定义选择功能。

标签： vue.js quasar

【解决方案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>

【讨论】：

谢谢@patel-pratik，这真的很棒。有没有办法动态地将“名称”作为变量而不是说"selectRow(props.row.__index,'name')"？我们有很多列，我想也许我可以动态设置它。
太棒了，谢谢@patel-pratik，这非常有帮助。是否也可以按住 shift 或其他东西来一次选择一列中的多个单元格？
如果您认为可以通过按住键盘按钮并在一列中选择多个单元格来允许多选，请分享
抱歉，我对此一无所知。但我认为您可以为此使用 mousedown 事件。
Patel，我在哪里可以获得活动列表？