Size: a a a

Vue.js Russian Developers Community

2020 September 11

TP

Taras Postolyuk in Vue.js Russian Developers Community
Вот сам стор видно что две тудушки возможно я в мутациях что-то намутил

export const todo = {
 state: {
   todos: [
     { id: 1, title: "Buy a milk", isDone: false },
     { id: 2, title: "Buy a coffee", isDone: false }
   ],
   inputValue: ""
 },

 getters: {
   getTodos: state => {
     return state.todos;
   }
 },

 mutations: {
   setInput(state, value) {
     console.log('value: ', state.inputValue)
     state.inputValue = value;
   },

   addTodo(state, todo) {
     console.log('state: ', state)
     console.log("ToDO: ", todo);
     state.todos.push(todo);
   },
 }
};
источник

TP

Taras Postolyuk in Vue.js Russian Developers Community
Вот это чудо в туду хранит ту 3 тудушку

addTodo(state, todo) {
  console.log("ToDO: ", todo);
  state.todos.push(todo);
 },
источник

TP

Taras Postolyuk in Vue.js Russian Developers Community
Но как она там есть если я еще даже не вызвал метод?
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
надо искать, где ты вызываешь addTodo
источник

TP

Taras Postolyuk in Vue.js Russian Developers Community
Да убрал где я его доставал и передавал в пропсы и пропало) спасибо
источник

TP

Taras Postolyuk in Vue.js Russian Developers Community
супер работает теперь все
источник

ВГ

Владимир Гомонов... in Vue.js Russian Developers Community
Taras Postolyuk
Всем привет как правильно хендлить изменение в инпуте?

handleChange(e) {
Это            this.$store.commit("setInput", e.target.value);
Или это? this.setInput(e.target.value);
}
подход в целом неправильный.  мы [никогда] не исправляем значениe (value) в инпутах.  вместо этого мы изменяем реактивное значение в модели (отображаемое на v-model).  даже при начальной инициализации мы прописываем начальное значение в модель, а не в value инпута.

это, кста, есть в доках.
// никогда написано в квадратных скобках, поскольку могут быть хакерские исключения в сложнодоступных случаях,  которые нужно рассматривать только если основной подход не срабатывает, притом не по глупости (типа потери реактивности при несоблюдении санитарных норм),  а по фундаментальным затыкам (типа шаблона прилетающего с сервера через апи)
источник

TP

Taras Postolyuk in Vue.js Russian Developers Community
Владимир Гомонов
подход в целом неправильный.  мы [никогда] не исправляем значениe (value) в инпутах.  вместо этого мы изменяем реактивное значение в модели (отображаемое на v-model).  даже при начальной инициализации мы прописываем начальное значение в модель, а не в value инпута.

это, кста, есть в доках.
// никогда написано в квадратных скобках, поскольку могут быть хакерские исключения в сложнодоступных случаях,  которые нужно рассматривать только если основной подход не срабатывает, притом не по глупости (типа потери реактивности при несоблюдении санитарных норм),  а по фундаментальным затыкам (типа шаблона прилетающего с сервера через апи)
Даа, шарю не сильно еще вник в эту всю движуху, буду дальше доки читать чтоб не ошибаться)
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Владимир Гомонов
подход в целом неправильный.  мы [никогда] не исправляем значениe (value) в инпутах.  вместо этого мы изменяем реактивное значение в модели (отображаемое на v-model).  даже при начальной инициализации мы прописываем начальное значение в модель, а не в value инпута.

это, кста, есть в доках.
// никогда написано в квадратных скобках, поскольку могут быть хакерские исключения в сложнодоступных случаях,  которые нужно рассматривать только если основной подход не срабатывает, притом не по глупости (типа потери реактивности при несоблюдении санитарных норм),  а по фундаментальным затыкам (типа шаблона прилетающего с сервера через апи)
Если считать, что норм inputValue держать в сторе, то и вызов мутации по input делать норм (если value тоже берётся из стора)
источник

TP

Taras Postolyuk in Vue.js Russian Developers Community
Grigorii K. Shartsev
Если считать, что норм inputValue держать в сторе, то и вызов мутации по input делать норм (если value тоже берётся из стора)
inputValue в сторе лежит
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Но не уверен, что я правильно понял, что не понравилось @MetaDriver
источник

В

Влад in Vue.js Russian Developers Community
коллеги, подскажите, как сделать слежение за именно нужной мне кнопкой. Чтобы я мог запусть определенный метод если нажата именно определенная кнопка
источник

А

Артём in Vue.js Russian Developers Community
Влад
коллеги, подскажите, как сделать слежение за именно нужной мне кнопкой. Чтобы я мог запусть определенный метод если нажата именно определенная кнопка
v-model на кнопку?)
источник

А

Артём in Vue.js Russian Developers Community
Влад
коллеги, подскажите, как сделать слежение за именно нужной мне кнопкой. Чтобы я мог запусть определенный метод если нажата именно определенная кнопка
Или в каком смысле следить?
источник

S[

Serge [Buzzzzer] in Vue.js Russian Developers Community
Влад
коллеги, подскажите, как сделать слежение за именно нужной мне кнопкой. Чтобы я мог запусть определенный метод если нажата именно определенная кнопка
@click="onClick()" ?
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Влад
коллеги, подскажите, как сделать слежение за именно нужной мне кнопкой. Чтобы я мог запусть определенный метод если нажата именно определенная кнопка
На кнопке в @click указать именно определённый метод)

Если метод используется в разных местах, возможно, ему нужен параметр
источник

В

Влад in Vue.js Russian Developers Community
если нажали именно на одну из 3х кнопок, то на один метод, иначе другие
источник

В

Влад in Vue.js Russian Developers Community
спасибо коллеги!
источник

AB

Alexander Berezin in Vue.js Russian Developers Community
Ребят, подскажите, я пишу приложение (для ВК) на Vue.
И у меня в нём есть несколько страниц-компонентов.
Как можно грамотно реализовать переход по этим страницам?
Т.е. никаких ссылок/роутеров там нет.
Как обычно делают подобное? Может есть какой-то паттерн?
источник

AS

Alexander Samoylov in Vue.js Russian Developers Community
Господа

Есть инпут type="tel". При автозаполнении номера телефона в Safari на iphone вставляется номер телефона без кода страны. Т.е. вставляю +7 (999) 888-77-11, а в итоге в инпуте оказывается значение +9998887711

Пробовал юзать autocomplete="tel" - не помогло
Подскажите куда копать
источник