Изначально у объекта item есть свойство "isReadonly": true.
При нажатии на кнопку должна появляться возможность редактировать эту запись.
Внизу пример одной из ячеек строки:
...
<td><input class="adm_input" type="text" :value="`${item.name}`" :readonly="`${item.isReadonly}`"></td>
...
<td class="row_btn"><button @click="ATTR_TOGGLE(item)"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button></td>
store.js:
...
actions:{
ATTR_TOGGLE({commit}, item){
commit('ATTR_TOGGLE_ITEM', item)
},
},
mutations:{
ATTR_TOGGLE_ITEM: (state, item) =>{
item.isReadonly = !item.isReadonly;
},
}
...
Выводил в консоль сам item, свойство isReadonly по нажатию меняется, но возможность редактирования не появляется.