Как в v-model добавить computed?

Question

[Aleksandr]

Вот такой выбор периода.
Кликаешь по нему и дата должна заполняться в датапикер

<input v-model="selectedPeriod"
            :id="period.id" :value="period.id"
            type="radio" name="period"
            class="policy-form__label-radio" />

Вот сам датапикер

<el-date-picker
          v-model="dateStart"
          type="date"
          :clearable="false"
          placeholder="Выберите дату">
</el-date-picker>

Вот дата

data: () => ({
    periodStart: new Date(),
    periodEnd: new Date(),
    selectedFilter: "all",
    selectedPeriod: "today"
  }),

А вот, что лежит в computed

dateStart() {
      return moment().subtract(1, this.selectedPeriod).toDate()
    }

Эта часть кода работает. то есть кликаю по периодам и датапикере меняется
Но вот, когда хочу в самом датапикере дату поменять - пишет, что

Computed property "dateStart" was assigned to but it has no setter

Answer 1

[0xD34F]

У computed свойств можно делать (а вам в данной ситуации и нужно) и сеттеры:

dateStart: {
  get() {
    return moment().subtract(1, this.selectedPeriod).toDate();
  },
  set(value) {
    // ну, тут вам виднее, какой должен код быть
  },
},

Comments

[Aleksandr]

c этим понятно, не могу допереть до того, как именно тогда данные передавать
сейчас если писать в set
this.periodStart = value;

Работает выбор даты через датапикер

А вот как передать. чтобы и через датапикер и через radio работало... не могу допереть

[0xD34F]

Aleksandr, думайте.

Или воспроизведите свою проблему в песочнице - тогда, возможно, смогу подсказать вам что-то более конкретное.

[Aleksandr]

@0xD34F
https://codepen.io/anon/pen/rvLpay
вот при клике по периодам в датапикере должна меняться дата на соответствующую
ну и при клике на применить запрос должен соответстующий улетать

[0xD34F]

"Меняться дата" - так?

"Запрос должен улетать" - вот это я не понял.

[Aleksandr]

0xD34F, Да, спасибо

[Aleksandr]

0xD34F, Дико извиняюсь, еще один вопрос возник по примеру, что вы прислали

Answer 2

[Evgeny Kulakov]

Ну как бы достаточно ясно намекают, что идет присвоение к dateStart, но неопределен setter, должно быть что-то типа:

dateStart: {
      get: function () {
       return moment().subtract(1, this.selectedPeriod).toDate()
      },
      set: function (v) {
        // set here
      }
    }

Comments

[Aleksandr]

Я вот чуть вышел отписал в коммент вопрос, посмотрите пожалуйста

[Evgeny Kulakov]

Aleksandr, пример бы помог понять, что вы хотите.

[Aleksandr]

Evgeny Kulakov
https://codepen.io/anon/pen/rvLpay
вот при клике по периодам в датапикере должна меняться дата на соответствующую
ну и при клике на применить запрос должен соответстующий улетать