Всем привет, как передать в метод свойство из data чтобы

Question

Клуб Vue.js-разработчиков

Сергiй 🇺🇦 Падашуля

Всем привет, как передать в метод свойство из data чтобы

оно динамически обновлялось?

#programming #russian #vue.js

0

13.08.2021

30 ответов

19 просмотров

Сергiй 🇺🇦 Падашуля Автор вопроса

( жаль, ничего лучше не придумал передавать в виде строки имя свойства, а в методе проверять свитчом и у нужного свойства проводить манипуляции со значением

0

13.08.2021

Сергей Соболев

А computed с методами get и set не подойдёт?

0

13.08.2021

Anton Kalodzich

Можно ж вотчер на поле повесить и там проверять

0

13.08.2021

Сергiй 🇺🇦 Падашуля Автор вопроса

Надо попробовать, а как передавать на вход в самом методе? У меня есть объект si внутри которого уже определены свойства

0

13.08.2021

Сергей Соболев

На вход метода set придёт новое значение, в get вы его возвращаете. Лучше в доку заглянуть, там есть и дополнительные параметры.

0

13.08.2021

Сергiй 🇺🇦 Падашуля Автор вопроса

Через вотчер или computed нужно же будет для каждого поля отдельно делать?

0

13.08.2021

Никита Титов

каждое поле будет форматироваться одинаково?

0

13.08.2021

Anton Kalodzich

В компьютеде можно будет вызывать метод

0

13.08.2021

Сергiй 🇺🇦 Падашуля Автор вопроса

Да, метод один для всех, нужно просто в методе понять какое свойство в data обновлять

0

13.08.2021

Сергiй 🇺🇦 Падашуля Автор вопроса

Но если например 5 полей, нужно для каждого вотчер

0

13.08.2021

Никита Титов

можно повесить watcher на объект

0

13.08.2021

Сергiй 🇺🇦 Падашуля Автор вопроса

На si и в нем чекать?

0

13.08.2021

Anton Kalodzich

Так ссылка на объект же не меняется

0

13.08.2021

Никита Титов

можно передать флаг deep: true

0

13.08.2021

Anton Kalodzich

Выглядит не эффективно

0

13.08.2021

Сергей Соболев

Цель в чём? Модель пробросить по дереву компонентов?

0

13.08.2021

Никита Титов

возможно ) другого пока не придумал, новичок во вью

0

13.08.2021

Сергiй 🇺🇦 Падашуля Автор вопроса

В том что 1 метод тримит <> у любого инпута

0

13.08.2021

Сергiй 🇺🇦 Падашуля Автор вопроса

Он проверяет изменения в дочерних объектах?

0

13.08.2021

Anton Kalodzich

А у вас тут не val.$model должен меняться?

0

13.08.2021

Сергiй 🇺🇦 Падашуля Автор вопроса

Там он завязан на валидации

0

13.08.2021

Никита Титов

watch: { si: { handler(si, oldSi) { for (const key in si) { if (si[key] !== oldSi[key]) { this.si[key] = this.trimSpecialCharacters(this.si[key]); } } } deep: true, } }

0

13.08.2021

Сергій Демчишин

это шо такое?

0

13.08.2021

Никита Титов

да, так как глубокая проверка

0

13.08.2021

Robin

такое в компоненте писать ужасно выглядит