@stanislavkm

Как изменить атрибут строки в таблице по нажатию?

Изначально у объекта 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 по нажатию меняется, но возможность редактирования не появляется.
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
:readonly="`${item.isReadonly}`"

Ну и зачем в строку его засовывать? Вместо false будет "false", а булевым эквивалентом любой непустой строки является true.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы