Почему не изменяются данные в объекте после emit?

Question

[Руслан Абсалямов]

У меня как было значение true в массиве, так она и остается, но по моей логике, она должна измениться
Вот мой пример
ModalComponent.vue

<template>
...
<div v-else class="row">
              <div class="col-sm-10">{{ field.label }}</div>
              <div class="col-sm-2"><input type="checkbox" v-model="field.disabled" @click="actionColumns(field.name, field.disabled)"></div>
            </div>
...
</template>

<script>
export default {
  props: ['item'],
  methods: {
    actionColumns(name, result){
      this.$emit('actionColumns', {name: name, disabled: result})
    }
  },
...
}
</script>

App.vue

methods: {
...
actionColumns(result) { // result = {name: "full_name", disabled: false}
            console.log(this.disabledColumnsData[result.name]); //ture
            this.disabledColumnsData[result.name] = result.disabled;
            console.log(this.disabledColumnsData[result.name]); //false
            console.log(this.disabledColumnsData); //  {full_name: true, ...}
          }
...
}

https://codesandbox.io/s/pyvjxxnnvj

Answer 1

[Vitaliy]

Внутренние свойства disabledColumnsData не реактивны. Нужно менять их через

Vue.set(this.disabledColumnsData, result.name, result.disabled)

Comments

[Руслан Абсалямов]

Там в другом было дело, я забыл убрать перебор значение в computed.
А такой момент, а почему
в src/components/ModalComponent.vue

methods: {
    actionColumns(name, result){
      this.$emit('actionColumns', {name: name, disabled: !result})
    }

То есть мне казалось что когда checkbox это true, а не false, то есть результат брался от того что на жалось в checkbox.
То есть !result так правильно идет, может есть способ, где следит какой это значение из checkbox?

[Vitaliy]

Руслан Абсалямов, не могу понять суть вопроса, можно подробнее?