Как решить проблему с мутацией пропсов в компоненте?

Question

[Chemnan]

Получаю проп value в компонент, потом он меняется (при редактировании input-а, например), решил эту проблему через computed, все работает корректно, но как можно сделать так, чтобы не писать секцию set? В ней ничего не происходит и она не нужна, но если удалить, то Vue ругается на отсутствие setter-а:

selectedValue: {
      get: function () {
        return this.value;
      },
      set: function () {}
 }

Comments

[WapSter]

Чего ты хочешь добиться. По моему ты малость перемудрил.

Answer 1

[0xD34F]

Переименуйте value в initialValue (это, значит, чтобы название точнее отражало суть), selectedValue сделайте из вычисляемого свойства обычным:

data() {
  return {
    selectedValue: this.initialValue,
  };
},

Ну или подумайте ещё раз над тем, как собираетесь использовать этот компонент - может, он должен уметь работать с директивой v-model? Тогда перепишите сеттер следующим образом:

set(val) {
  this.$emit('input', val);
},