Привет! У меня есть переменная в data, которая может

Question

Привет! У меня есть переменная в data, которая может

меняться несколькими способами - есть поле для ввода и есть получение значения “из-вне” (сканируем qr код). В обоих случаях мне надо при изменении значения его немного поменять, обрезать напрмиер по длинне, или еще что-то. Как это лучше сделать?

#frontend #javascript #programming #russian #vue.js

0

24.03.2022

14 ответов

31 просмотр

Artyom Tuchkov

написать computed, который будет подготавливать эту переменную

0

24.03.2022

oxid Автор вопроса

Тум пурум
Watch

Из него как я понимаю нельзя менять ту же самую переменную что меняется. Т.е андо делать какую-то промежуточную?

0

24.03.2022

Тум пурум

oxid
Из него как я понимаю нельзя менять ту же самую пе...

В watch можно получить и старое значение и новое перед установкой в data

0

24.03.2022

oxid Автор вопроса

Artyom Tuchkov
написать computed, который будет подготавливать эт...

мм, через set?

0

24.03.2022

Artyom Tuchkov

oxid
мм, через set?

нет, через обычный computed здесь есть 2 решения: одно более императивное с вотчером, второе более декларативное с computed в первом случае тебе нужно на моменте изменения переменной сразу обработать ее и сохранить в data нужное значение во втором случае ты хранишь в data неподготовленное значение, а через дополнительный computed уже обрезаешь его и подготавливаешь как захочешь

0

24.03.2022

oxid Автор вопроса

Artyom Tuchkov
нет, через обычный computed здесь есть 2 решения: ...

Вот я попробовал сразу первый вариант - и он не работает почему-то, значение не присваивается вообще

0

24.03.2022

Artyom Tuchkov

oxid
Вот я попробовал сразу первый вариант - и он не ра...

показывай код

0

24.03.2022

oxid Автор вопроса

Artyom Tuchkov
показывай код

<b-input custom-class="is-small" type="text" :placeholder="$t('imei')" v-model="tracker_data.imei" :disabled="selected_protocol.protocol == 'phone'" > watch: { "tracker_data.imei": { handler(new_imei) { this.tracker_data.imei = this.check_imei(new_imei); }, }, }, methods: { check_imei(new_imei) { if (this.tracker_data.protocol == "topin") { console.log([new_imei, this.tracker_data]); //Topin imei length is 15 symbols only new_imei = new_imei.substring(0, Math.min(14, new_imei.length - 1)); } return new_imei; }, }

0

24.03.2022

Artyom Tuchkov

oxid
<b-input custom-class="is-small" t...

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

0

24.03.2022

oxid Автор вопроса

Artyom Tuchkov
лучше покажи скрином весь компонент

https://gist.github.com/bokolob/f44a6c5ce56aaa1f11451a715c40a8b3

0

24.03.2022

Artyom Tuchkov

oxid
https://gist.github.com/bokolob/f44a6c5ce56aaa1f11...

либо разбей v-model на :value и @input, и в обработчике ивента уже используй check_imei, либо создай computed с сеттером, в котором точно так же используй check_imei, а в геттере возвращай просто this.tracker_data.imei

0

24.03.2022

Roman

oxid
https://gist.github.com/bokolob/f44a6c5ce56aaa1f11...

хахаах чел ну ты жесткий ))

0

24.03.2022

oxid Автор вопроса

Artyom Tuchkov
либо разбей v-model на :value и @input, и в обрабо...

я тут поковырял, и с вотчем заработало. правда, не понял какое изменение помогло)

0

24.03.2022