Size: a a a

Vue.js Russian Developers Community

2020 August 16

s

scmutalisk in Vue.js Russian Developers Community
Dmitriy
Ребят, подскажите пожалуйста. В computed свойстве пытаюсь получить объект который лежит в data().
В результате получаю объект observer, вместо своего объекта.
Пытаюсь его реобразовать к нормальному виду вот так
JSON.parse(JSON.stringify(this.activeFilters))

В результате получаю такой объект. Это можо как-то привести к виду изначального объекта?
покажи свою дату и компутед
источник

D

Dmitriy in Vue.js Russian Developers Community
scmutalisk
покажи свою дату и компутед
Изначально по событию сохраняю применённые фильтры
created(){
           this.$root.$on("filter", (data) => {
               this.activeFilters = data;
}


В дате просто свойство
        data() {
           return {
               activeFilters: {},
       }


computed св-во. Тут в get пытаюсь получить фильтры из data(), чтобы отфильровать данные, но там уже находится тот объект
 rows: {
               get() {
                   console.log(JSON.parse(JSON.stringify(this.activeFilters)));
                   return this.originalRows;
               },
               set(data) {
                   this.originalRows = data;
                   return this.originalRows;
               }
           }
источник

M

Murat in Vue.js Russian Developers Community
Dmitriy
Изначально по событию сохраняю применённые фильтры
created(){
           this.$root.$on("filter", (data) => {
               this.activeFilters = data;
}


В дате просто свойство
        data() {
           return {
               activeFilters: {},
       }


computed св-во. Тут в get пытаюсь получить фильтры из data(), чтобы отфильровать данные, но там уже находится тот объект
 rows: {
               get() {
                   console.log(JSON.parse(JSON.stringify(this.activeFilters)));
                   return this.originalRows;
               },
               set(data) {
                   this.originalRows = data;
                   return this.originalRows;
               }
           }
Вопрос не по теме: зачем писать this.$root.$on(...) если ты можешь в этом родителe добавить пропс и он обновит текущий компонент ?
источник

s

scmutalisk in Vue.js Russian Developers Community
Dmitriy
Изначально по событию сохраняю применённые фильтры
created(){
           this.$root.$on("filter", (data) => {
               this.activeFilters = data;
}


В дате просто свойство
        data() {
           return {
               activeFilters: {},
       }


computed св-во. Тут в get пытаюсь получить фильтры из data(), чтобы отфильровать данные, но там уже находится тот объект
 rows: {
               get() {
                   console.log(JSON.parse(JSON.stringify(this.activeFilters)));
                   return this.originalRows;
               },
               set(data) {
                   this.originalRows = data;
                   return this.originalRows;
               }
           }
computed: {
   get_data() {
       return this.activeFilters
   }
}

что у тебя за get set?
источник

🎅

🎅 in Vue.js Russian Developers Community
Dmitriy
Изначально по событию сохраняю применённые фильтры
created(){
           this.$root.$on("filter", (data) => {
               this.activeFilters = data;
}


В дате просто свойство
        data() {
           return {
               activeFilters: {},
       }


computed св-во. Тут в get пытаюсь получить фильтры из data(), чтобы отфильровать данные, но там уже находится тот объект
 rows: {
               get() {
                   console.log(JSON.parse(JSON.stringify(this.activeFilters)));
                   return this.originalRows;
               },
               set(data) {
                   this.originalRows = data;
                   return this.originalRows;
               }
           }
👮‍♀полиция реактивности за тобой уже едет
источник

ПБ

Павел Бобров... in Vue.js Russian Developers Community
Как правильно подключить общий scss из папки assets в проект?
источник

D

Dmitriy in Vue.js Russian Developers Community
Murat
Вопрос не по теме: зачем писать this.$root.$on(...) если ты можешь в этом родителe добавить пропс и он обновит текущий компонент ?
Там событие из сестринского компонента ловится, шина событий вроде называется )
источник

🎅

🎅 in Vue.js Russian Developers Community
Павел Бобров
Как правильно подключить общий scss из папки assets в проект?
В точке входа
источник

ПБ

Павел Бобров... in Vue.js Russian Developers Community
Просто путь указать?
источник

🎅

🎅 in Vue.js Russian Developers Community
Павел Бобров
Просто путь указать?
Да
источник

ПБ

Павел Бобров... in Vue.js Russian Developers Community
И он сам потом сбилдится?
источник

🎅

🎅 in Vue.js Russian Developers Community
Павел Бобров
И он сам потом сбилдится?
Да
источник

M

Murat in Vue.js Russian Developers Community
Dmitriy
Там событие из сестринского компонента ловится, шина событий вроде называется )
А оно именно во время created ловится ?
источник

D

Dmitriy in Vue.js Russian Developers Community
нет, ловится по изменению одного из фильтров в другом компоненте
источник

D

Dmitriy in Vue.js Russian Developers Community
scmutalisk
computed: {
   get_data() {
       return this.activeFilters
   }
}

что у тебя за get set?
не совсем понял вопроса
источник

ПБ

Павел Бобров... in Vue.js Russian Developers Community
🎅
Да
Спасибо, думал есть подвох какой-то для дев режима
источник

s

scmutalisk in Vue.js Russian Developers Community
изначально твой вопрос был таков: как получить доступ из computed в data
я и написал как.
а в твоем примере нихрена не понятно, что за created hook.
что он там ловит и нахнена в твоем computed эти get , set
источник

IT

Igor Tuyakpaev in Vue.js Russian Developers Community
Не любят люди нынче доки читать))
источник

D

Dmitriy in Vue.js Russian Developers Community
scmutalisk
изначально твой вопрос был таков: как получить доступ из computed в data
я и написал как.
а в твоем примере нихрена не понятно, что за created hook.
что он там ловит и нахнена в твоем computed эти get , set
set добавил туда т.к. я редактирую имеющийся код, и в нём было взаимодействие с этими данными. Мне же нужно заменить имеющуются переременую (которая была в data) - компьютед свойством, просто где-то в коде в этот массив докидываются данные, без сетера падала ошибка
источник

KA

Kenan Ayvazov in Vue.js Russian Developers Community
Igor Tuyakpaev
Не любят люди нынче доки читать))
Поэтому у определённого числа людей, которые не боятся доки читать - будет всегда работа
источник