V💊
подскажите есть computed свойство. Оно работает только когда я лезу во vue devtools что за фигня?
а почему ты считаешь что оно не работает в других случаях?
Size: a a a
2020 March 20
A
я дебаггер пихаю туда и когда в devtools кликаю на элемент он срабатывает
A
и функция работает
A
а так не хочет
A
а почему ты считаешь что оно не работает в других случаях?
есть идеи?
V💊
есть идеи?
нет кода - нет идей
ВБ
я дебаггер пихаю туда и когда в devtools кликаю на элемент он срабатывает
У меня такое было последний раз когда я пытался менять нереактивное свойство, но вряд ли это твой случай, и без кода да. сложно понять проблему
A
getFolder () {
if (this.folderName) {
// debugger
const result = [...document.querySelectorAll(".is-checked + span")]
.filter(el => el.innerText === this.currentNameFolder)
.map(el => el.classList.add('is-active'));
return result
}
}
if (this.folderName) {
// debugger
const result = [...document.querySelectorAll(".is-checked + span")]
.filter(el => el.innerText === this.currentNameFolder)
.map(el => el.classList.add('is-active'));
return result
}
}
A
вот computed свойство. мне приходят пропсы и хочу запустить функцию
D
нужно, например, чтобы сделать модалку с линкой
или ещё, например, у тебя могут быть табы с линками.
Правда, когда тебе нужны и табы и модалка - начинаются проблемы :)
или ещё, например, у тебя могут быть табы с линками.
Правда, когда тебе нужны и табы и модалка - начинаются проблемы :)
не нужно для этого index делать нукст чайлдом
V💊
getFolder () {
if (this.folderName) {
// debugger
const result = [...document.querySelectorAll(".is-checked + span")]
.filter(el => el.innerText === this.currentNameFolder)
.map(el => el.classList.add('is-active'));
return result
}
}
if (this.folderName) {
// debugger
const result = [...document.querySelectorAll(".is-checked + span")]
.filter(el => el.innerText === this.currentNameFolder)
.map(el => el.classList.add('is-active'));
return result
}
}
а тут нет ничего реактивного
PG
getFolder () {
if (this.folderName) {
// debugger
const result = [...document.querySelectorAll(".is-checked + span")]
.filter(el => el.innerText === this.currentNameFolder)
.map(el => el.classList.add('is-active'));
return result
}
}
if (this.folderName) {
// debugger
const result = [...document.querySelectorAll(".is-checked + span")]
.filter(el => el.innerText === this.currentNameFolder)
.map(el => el.classList.add('is-active'));
return result
}
}
компьюютед свойство вызывается при первом обращении к нему, и в дальнейшем вызывается еогда меняются реактивные свойства внутни него
BS
Doer
не нужно для этого index делать нукст чайлдом
Так... может я не понял структуру
PG
когда ты открываешь дебаггер вью девтулз читает все свойства компонента, и соответственно вызывает этот компьютед
PG
getFolder () {
if (this.folderName) {
// debugger
const result = [...document.querySelectorAll(".is-checked + span")]
.filter(el => el.innerText === this.currentNameFolder)
.map(el => el.classList.add('is-active'));
return result
}
}
if (this.folderName) {
// debugger
const result = [...document.querySelectorAll(".is-checked + span")]
.filter(el => el.innerText === this.currentNameFolder)
.map(el => el.classList.add('is-active'));
return result
}
}
и во вью манипулировать DOM на прямую считается плохой практикой
AL
Коллеги, прошу совета. Гугл не помогает. В проекте используются внешние библиотеки Element-UI и vue-awesome-swiper, в билде вношу их в transpile, и это работает для всех браузеров кроме IE11 и EDGE. Там все это дело тупо не рендериться и выдает ошибку "SCRIPT1028: Expected identifier, string or number". Понимаю что дело в полифилах, но вылечить пока что не выходит. И совершенно не понятно почему это происходит, у Nuxt же поддержка ie9+ по идее.
АН
Andrey Lunar
Коллеги, прошу совета. Гугл не помогает. В проекте используются внешние библиотеки Element-UI и vue-awesome-swiper, в билде вношу их в transpile, и это работает для всех браузеров кроме IE11 и EDGE. Там все это дело тупо не рендериться и выдает ошибку "SCRIPT1028: Expected identifier, string or number". Понимаю что дело в полифилах, но вылечить пока что не выходит. И совершенно не понятно почему это происходит, у Nuxt же поддержка ie9+ по идее.
nuxt-element-ui модуль попробуйте
AL
nuxt-element-ui модуль попробуйте
спасибо, а со swiper в таком случае что делать?
АН
Andrey Lunar
спасибо, а со swiper в таком случае что делать?
выкиньте в мусорку)
VS
Andrey Lunar
Коллеги, прошу совета. Гугл не помогает. В проекте используются внешние библиотеки Element-UI и vue-awesome-swiper, в билде вношу их в transpile, и это работает для всех браузеров кроме IE11 и EDGE. Там все это дело тупо не рендериться и выдает ошибку "SCRIPT1028: Expected identifier, string or number". Понимаю что дело в полифилах, но вылечить пока что не выходит. И совершенно не понятно почему это происходит, у Nuxt же поддержка ie9+ по идее.
Бабель pereset-env + core-js 3