Nikita
нету resize листенера
Nikita
для элементов
Nikita
все резайсеры которые есть работают походу на requestAnimationFrame
Nikita
есть еще ResizeObserver, но он пока драфт)
R
Это будет фейлом, если чел не смог из за этого сделать рекурсивные компоненты, когда даже в консоле написано, что нужно указать name
'name' указан, в components указан компонент, т.е. все условия для работы рекурсии выполнены, но ничего не работает. Ошибка ссылается на отсутствие 'name' но он есть.
Oleh
ребята шото с первого раза не придумал:
my-component( link="~module/img.png" )
внутри компоненты
<template ...>
div(:style=" { backgroundImage: url('${link}') } ")
путь то передается, но webpack же его не обрабатывает и я получаю в url('~module/img.png')
Oleh
ну а задача словами: передать через props в css путь к картинке
Tom
сделай import картинки, и передай ее пропсом
Oleh
@the_developer_tom о, знаешь толк в извращениях, щас попробую )
Anatoly
Все привет, подскажите, пожалуйста, почему при изменении некоторых свойств $data объкта, перерисовываются части компонента, которые не зависят от изменившихся свойств?
Nikita
Доброго времени суток, ребят, чувствую себя тупым, возможно так и есть
https://i.imgur.com/d5OkNmZ.png
В компонентах-детях this.$store - undefined
Подскажите где ошибся
Alexey
Nikita
Только связанные с тем что стор undefined
Nikita
Mr. M
Nikita
o.o
Щас попробую конечно
Anton
Доброго времени суток, ребят, чувствую себя тупым, возможно так и есть
https://i.imgur.com/d5OkNmZ.png
В компонентах-детях this.$store - undefined
Подскажите где ошибся
>В компонентах-детях this.$store - undefined
Покажи где именно.
R
Ув. знатоки, помогите пожалуйста проблема не типичная.
Есть 2 компонента List и Item. Оба рендерят друг друга рекурсивно (List > Item > List > item), т.е. должна получится вот такая структура
<list>
<item>
<list>(*)
<item>
<item>
Но на этапе отмеченным (*) вылезает ошибка
Unknown custom element: <list> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
Требование рекурсивности (т.е. наличие "name" у компонентов) выполнено, см. код
Компонент List.vue
// List.vue
<template lang="pug">
ul
item
</template>
<script>
import Item from './Item.vue'
export default {
name: 'list',
components: { Item },
props: {
deep: { type: Boolean, default: true }
}
}
</script>
Компонент Item.vue
// Item.vue
<template lang="pug">
li
a item
list(:deep='false')
</template>
<script>
import List from './List.vue'
export default {
name: 'Item',
components: { List }
}
</script>
Nikita
Anton
Nikita
И чо
Nikita
Не понял
Mr. M
👶🏼
Anton
А то, что у неё контекст другой. Замени на обычную и посмотри что получится.
Anton
Точнее, там this - это не экземпляр твоего компонента.
Nikita
Nikita
Спасибо
Nikita
Помогло
Oleh
ничего, в следующих версиях синтаксиса js может все изменится
Stanislav
Предлагаю переименовать чатик в " Бар 'Стрелочная функция'"
Nikita
яб там посидел
Mr. M
почему в доках нельзя ссылаться на это ?
Mr. M
Oleh
я вообще когда их вижу хреститься начинаю
Oleh
и посыпаю порог солью
Stanislav
да
Sunlive
свидетели this
Stanislav
😄
Oleh
я тогда пойду в bind православный
Alexey
>В компонентах-детях this.$store - undefined
Покажи где именно.
Чётко вычислил. Никто не пройдет!
Alexey
Не дай бог война, в этот чат можно направлять для допросов
Alexey
Стрелочная функция есть? А если найду?
Oleh
вернусь к своему вопросу
...my-component( link="~module/img.png" )
внутри компоненты
<template ...>
div(:style=" { backgroundImage: url('${link}') } ")
путь то передается, но webpack же его не обрабатывает и я получаю в url('~module/img.png')
ну а задача словами: передать через props в css путь к картинке
Anton
К слову о стрелочных функциях. Я заметил, что в computed свойства в качестве аргумента передаётся инстанс компонента и пришёл к заключению, что стрелочные функции возможны, но с оговорками.
https://jsfiddle.net/pt21nvk7/
Однако я ни разу не видел, чтобы такой подход использовался. Почему?
Anton
А ещё это вроде как не всегда работало, поэтому я остановился на варианте computedProperty () { return this.dataProperty }
Oleh
люди ну вы же как-то картинки передаете в компоненты, скажите как ? )
Anton
люди ну вы же как-то картинки передаете в компоненты, скажите как ? )
А через вебпак это обычно и не делается. Тут уже обсуждали такой вопрос. Только я не помню, к чему конкретно пришли.
Oleh
@c01nd01r а можно подробнее ?
Oleh
пжлст
Stanislav
@c01nd01r а можно подробнее ?
Если у тебя локально картинка лежит - нахрена тебе ее вебпаком тащить?
Oleh
блин, мужик, я затупил, я же когда рельсы подыму у меня путь будет полный а не относительный
Oleh
и всю статику будет nginx отдавать по конкретому пути ... то я с этим SSR все в голове напутал
Oleh
спс )
Tom
Когда уровень iq будут проверять при вступлении в группу?
Vladimir
завтра
Tom
Боюсь что не тот человек отреагировал на сообщение
Oleh
@the_developer_tom про iq это ты мне написал ?
Alexander
кто-то юзал .include для сравнения двух массивов?
Если да, то скажите норм уже работает или нет?
Alex
кто-то юзал .include для сравнения двух массивов?
Если да, то скажите норм уже работает или нет?
https://github.com/Chalarangelo/30-seconds-of-code/blob/master/README.md#difference
Alex
кто-то юзал .include для сравнения двух массивов?
Если да, то скажите норм уже работает или нет?
Или это https://github.com/Chalarangelo/30-seconds-of-code/blob/master/README.md#intersection
Alexander
https://github.com/Chalarangelo/30-seconds-of-code/blob/master/README.md#difference
очень полезная штука, благодарю
Oleh
он любитель себя выше других ставить)
та я хотел намекнуть на проблемы с самооценкой у типа, но вижу, что это и так все поняли
Alex
Alex
Давайте без наездов
Oleh
я только за, просто мне всегда есть, что ответить )
Oleh
кстати, а есть чатик по weex для mobile ?
Deenya
есть чатик по wix?