Как применить функции РЕДАКТИРОВАТЬ и Отменить, используя встроенную строку Vue Grid - PullRequest
Новая
       29

Как применить функции РЕДАКТИРОВАТЬ и Отменить, используя встроенную строку Vue Grid

0 голосов
/ 22 октября 2018

Я пытаюсь выполнить функцию редактирования и отмены / отмены в моей строке встроенной сетки.

Это то, что я связал, и я не вижу, как сделать это функциональным.

HTML: 

<!-- ..iterate.. -->
<span v-if="!row.isEditable" v-html="row.column"></span>
<input
  type="text"
  class="form-control"
  v-model="row.column" //object property set
  v-if="row.isEditable"
/>
<button class="btn cancel" v-show="row.isEditable" v-on:click="undoRow(index)"></button>
<button class="btn edit" v-show="!row.isEditable" v-on:click="editRow(index)"></button>

JS Методы: 

//..

editRow: function (index) {
  this.data[index].isEditable = true;
},
undoRow: function (index) {
  this.data[index].isEditable = false;                
}
...