如何使用 Quasar 使数据表中的单元格在单击特定行时可编辑？答案

【问题标题】：How to make cells in data table editable onclick specific row using Quasar?如何使用 Quasar 使数据表中的单元格在单击特定行时可编辑？
【发布时间】：2017-10-18 16:00:07
【问题描述】：

我在 Quasar 中使用data table 组件。我可以查看表格，这太棒了。这里是

现在我需要单击一个行单元格并将其设置为可编辑的输入文本字段，然后按“Enter”按钮后我需要将数据保存在那里。如何进一步进行？请帮帮我。

【问题讨论】：

标签： quasar-framework

【解决方案1】：

第一件事是我没有找到数据表的任何内置功能来编辑行。所以我想到了使用我的自定义功能。 Quasar 中的数据表的好处是它提供了使用模板来操作任何行。

所以我使用了这样的模板：

<template slot="col-Name" scope="cell">
            <span @click = "nameAction()">{{cell.data}}</span>
            <input type="text"
               v-model="cell.data" v-show="edit1" v-on:keyup.enter="edit1 = false;"> <br>
         </template>

所以我在这里考虑列（名称）中的一行，并在单击该行时调用一个名为 nameAction 的函数。这是方法中的函数：

nameAction: function (row) {
  this.edit1 = true
}

在这里，我在单击该行时使输入字段可见。作为参考，你可以使用这个fiddle。

【讨论】：