如何使數據表中的單元格可編輯使用Quasar onclick特定行？

Question

我在Quasar中使用了data table組件。我能夠查看錶格，它很棒。這裏的

現在我需要點擊一行單元格並使其成爲可編輯的輸入文本字段，並且在按下'Enter'按鈕之後，我需要將數據保存在其中。 如何繼續？請幫幫我。

Answer 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> 

所以在這裏，我cosidering在列（名稱）的行之一，該行呼叫被叫nameAction功能的點擊。 這裏是一個方法裏面的功能：

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

這裏我提出上單擊行的輸入欄是可見的。 僅供參考，您可以使用此fiddle。