У поля формы в-модел

Синхронизируется значение с тем что там

Вот в то значение можно присвоить пустую строку

Если у поля v-model=“field” то в коде надо this.field = ‘’ И поле сбросится

сейчас покажу код)

<template lang="pug"> form.form_companies(@submit.prevent="addCompany(model)") input(type="text" placeholder="имя компании" v-model.lazy="model.name") button(type="sybmit" @click="clearForm") добавить копанию </template>

methods: { ...mapActions('companies', { addCompany: 'addCompany' }) }

data() { return { model: {} }; },

this.model.name = ‘’

в сторе или в компоненте?)

думаю что в компоненте

А на сабмите вызывать не экшн сразу, а метод в котором уже экшн будет и then

А на сабмите вызывать не экшн сразу, а метод в котором уже экшн будет и then

methods: { ...mapActions('companies', { addCompany: 'addCompany' }), add(model) { let nameCompany = this.model; this.model = {}; this.addCompany(nameCompany); } }

так проще, нафига промис)

или я не прав?)

я просто подкипел немного уже)))

Ну а зачем промисы обычно?)

для асинхронности)

let nameCompany = this.model; this.model = {}; this.addCompany(nameCompany); ты же связь передаешь, правильнее так let nameCompany = {...this.model}; this.model = {}; this.addCompany(nameCompany); тогда связь рвется и как бы хорошо

это мне нужно промис создать, в нём акшн совершить, в then поля очистить, а так вроде короче)

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

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

тут ошибка только одна может быть, если токен протух, то редирект на страницу авторизации

или у сервара 500 ошибка и он не принял запрос, а front думает что все впоряде

ошибки случаются чаще, чем мы думаем, и надо их обрабатывать как бы не было лениво

или у сервара 500 ошибка и он не принял запрос, а front думает что все впоряде

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

ошибки случаются чаще, чем мы думаем, и надо их обрабатывать как бы не было лениво

в чём прикол тут промиса?)

я не пойму)

add(model) { return new Promise((res, rej) => { this.addCompany(model); this.model = {}; res(); }).then(); }

можно и async await - если болше нравится

я не понимаю где режектить промис)))

add(model) { return new Promise((res, rej) => { this.addCompany(model); this.model = {}; res(); }).then(); }

без then() в конце, надо что бы промис сам возвращался

без then() в конце, надо что бы промис сам возвращался

да это я забыл удалить then

add(model) { return new Promise((res, rej) => { this.addCompany(model); res(); }).then(() => { this.model = {}; }).catch(e => {console.info('ERROR: ', e);); }

да у меня отлов ошибки бэка в сторе)

addCompany(store, data) { // const company = { company: { name: data.name } }; const company = { company: data }; store.commit('addCompany', company); // let myToken = window.localStorage.getItem('gyc'); // Vue.http // .post(addCompanyAPI, company, { // headers: { Authorization: Bearer ${myToken} } // }) // .then( // res => { // let statusCode = res.status; // if (statusCode === 200 || statusCode === 201 || status === 204) { // console.log(res); // store.commit('addCompany', company); // // } // }, // err => console.log(err) // ); // .catch(err => { // console.log(err); // alert('компания не добавилась'); // });

алерт вместо модалки пока стоит

Евгений Фомин в новом выпуске Frontend Weekend рассказал про Vue.js и о том, почему разработчики уходят из backend’а во frontend – https://soundcloud.com/frontend-weekend/fw-45

Привет всем! Как в vue перерисовать компонент по требованию => реализовать кнопку "обновить"? Данные рисуются из параметра, клонировать его и присвоить к нему склонированное значение ни к чему ни привело.

Привет всем! Как в vue перерисовать компонент по требованию => реализовать кнопку "обновить"? Данные рисуются из параметра, клонировать его и присвоить к нему склонированное значение ни к чему ни привело.

Обновлять входные параметры, всё остальное само обновится

Привет всем! Как в vue перерисовать компонент по требованию => реализовать кнопку "обновить"? Данные рисуются из параметра, клонировать его и присвоить к нему склонированное значение ни к чему ни привело.

массив изменяется?

Обновлять входные параметры, всё остальное само обновится

Это понятно, но Vue не реагирует на обновление параметра, если к нему присвоено то же самое, даже если перед этим обнулил значение

Это понятно, но Vue не реагирует на обновление параметра, если к нему присвоено то же самое, даже если перед этим обнулил значение

Реагирует. А если присвоить тоже самое значение === изменений не было

Задача такая есть список, Удалил из DOM один из элементов, нажал кнопку "Обновить" и DOM должен перерисоваться из данных

Задача такая есть список, Удалил из DOM один из элементов, нажал кнопку "Обновить" и DOM должен перерисоваться из данных

Удалили элемент из массива — вью сам разберется с дом

Задача такая есть список, Удалил из DOM один из элементов, нажал кнопку "Обновить" и DOM должен перерисоваться из данных

Как ты удаляешь?

Как ты удаляешь?

Удаляю из DevTools браузера, например, данные при этом не трогая

Удаляю из DevTools браузера, например, данные при этом не трогая

Тогда никак.

Удаляю из DevTools браузера, например, данные при этом не трогая

Вью не так работает) он data-driven

Тогда подскажите, как обновить данные, присвоив им те же значения так, чтобы vue понял, что данные поменялись и перерисовал DOM

Поменять != оставить те же значения)))

Вы лучше расскажите что делаете, так будет понятнее

Тогда подскажите, как обновить данные, присвоив им те же значения так, чтобы vue понял, что данные поменялись и перерисовал DOM

Пересоздай компонент.

Пересоздай компонент.

Ну это же костыль, надо лишь дождаться когда подробно расскажут и понятно будет как нормально решать

Пересоздай компонент.

Как?

Ну это же костыль, надо лишь дождаться когда подробно расскажут и понятно будет как нормально решать

Мне моё время дорого.

Как?

Поменяй key у компонента.

Фишка в том, что watch возвращает false при сравнении new и old значений, подозреваю, что должен перерисовать

А что там должен перерисовать?

Дочерние компоненты, которые рисуются в из этой переменной - объекта

Фишка в том, что watch возвращает false при сравнении new и old значений, подозреваю, что должен перерисовать

А как ты вотчишь?

watch: { employees: function (newValue, old) { console.log(newValue == old); } },

какова цель перерисовки компонента, если данные не изменяются?

Такая задача, для тестового задания, я понятия не имею, зачем им это нужно 😀

Дословно из задания *Функция обновления пользователей нужна для того чтобы в случае если мы как-то из html удалили карточку, не перезагружая страницу перерисовать весь список.

'

это вью сам сделает

если ты удаляешь правильно

Он же реактивный.. ептить

🙈

это вью сам сделает

О чем речь?

О чем речь?

у тебя данные в дата?

Он перерисует список сам

Да, в data

Да, в data

о реактивности вью что то слышал?

он следит за данными в дата

если там они меняются

неужели data перепишется, если я из DOM удалю элемент?

он сам вызывает повторный рендер

Дословно из задания *Функция обновления пользователей нужна для того чтобы в случае если мы как-то из html удалили карточку, не перезагружая страницу перерисовать весь список.

Внимательно, еще раз

Дословно из задания *Функция обновления пользователей нужна для того чтобы в случае если мы как-то из html удалили карточку, не перезагружая страницу перерисовать весь список.

Измени key. Я уже написал же.