Alex
el я указал самый первый ынутренний div, шаблон стер, не помогает
Alex
Evgeniy
Ребята, а можно как-нибудь для всех компонентов в <style> импортировать саас, а не прописывать везде @import "./css/var.scss" (не пинайте, ньюфаг в этом)
Stanislav
Evgeniy
Для кого актуальна моя проблема - курить https://vue-loader.vuejs.org/ru/configurations/pre-processors.html
и
https://github.com/vuejs/vue-loader/issues/328#issuecomment-302221120
ᛇᛏᛟᚱᛁᛕ
Привет всем. Есть компонент в котором есть иконка <i ref="icon"></i>. В computed я у нее вычисляю this.$refs["icon"].getBoundingClientRect().x. Ну и Y тоже. Потом делаю обьект coords: {x, y}. Все отлично до того момента пока я не вешаю watch на coords или сами координаты. Сразу же вылетает ошибка что не найдены getBoundingClientRect. Я так понимаю что watch срабатывает до того как отрендерится DOM. Оборачивание в try не помогает, ошибка исчезает но реактивность пропадает, т.е. зависает значение которое отрабатывается в catch. Может кто сталкивался с подобным поведением? Как вобще реактивно получать данные из DOM правильно?
Ivan Li
Как вариант vuex использовать можно. разработчики насколько я знаю вообще реф не советуют в реактивности юзать
ᛇᛏᛟᚱᛁᛕ
Как вариант vuex использовать можно. разработчики насколько я знаю вообще реф не советуют в реактивности юзать
Я и юзаю вуекс, но мне надо узнать в компоненте его координаты, да и не в рефах дело, а в вотче который срабатывает до рендеринга. Вобщем закостылил некрасиво. Сделал флаг, в mounted() выставляю его в true, до этого false. По наличию флага уже читаю координаты. Но это что-то внутренне мне это кажется некрависым. Есть вобще в природе схема как жизненного цикла компонента, но чтобы там были последовательности как обрабатываются данные, а не события?
Alex
Подскажите, есть готовое приложение, интернет магазин. Нужно сделать сверху виджет, в котором бы отображалось количество покупок, а снизу прикреплена всплывашка, в которой товары, лежащие в корзине. Надо из всплывашки передавать данные в виджет, чтобы выводить их там. И таких мелких задач много. На vue такое можно сделать? Просто если пытаюсь использовать cli, то первый же компонент полностью заменяет собой всю страницу
Anonymous
Добрый день подскажите пожалуйста что означает capitalize в vuejs не могу блин найти именно по этой capitalize никакой инфы ((
Alex
судя по названию, это фильтр, включающий капс
john
может ли так случиться что капиталайз - это преобразование к заглавным буквам?
john
тобишь к капитальным
Anonymous
вот строка из компонента filters: {
capitalize: function(str) {
return str.charAt(0).toUpperCase() + str.slice(1)
}
},
john
ну, ретурн строку в апрер кейзе
Anonymous
capitalize это тоесть тупо переменная ?
john
функция
john
вася.капиталайз() вернет ВАСЯ
Anonymous
аа ну да понял спасибо , просто в разных примерах она почемуто одинаково называется "capitalize"
john
вернее Вася
Oleksandr
Oleksandr
Но в целом вы не сказали что за магазин на чем он написан
Alexey
Еще toLowerCase вторую часть надо
Alexey
А то в случае вАСЯ вернет ВАСЯ
Alex
магазин на Yii написан. В том то и дело, что там сейчас очень многое на первом ангуларе, а хочу все переделать на vue, соответственно думаю что простого приложения будет недостаточно, надо разбивку по компонентам
Alex
кроме того, в простом приложении, как я понял, нельзя передавать данные от одного модуля к другому
Oleksandr
Oleksandr
Alex
Alex
Alex
Alex
вот три файла
Dmytro
Кто сейчас на KharkovJS?
Alex
не помогает, пробовал. получается просто черный экран
Alex
прикрепляю к первому диву внутри body
Oleksandr
Создайте просто див с айдишником отдельный. Укажите его в el
Alex
но ведь тогда он не будет распространяться на всю страницу? как вставить виджет?
Oleksandr
Вы попробуйте хотя бы просто вывести где то данные
Alex
минуту
Alex
не выводит
Alex
Alex
так подключил
Alex
Alex
убрал рендер
Alex
сразу подсветило неактивным App
Sergey
попробуйте в components запихнуть App
Sergey
и вывести его в #app
Alex
Alex
все равно встроенные компоненты не рисуются
Sergey
Хз, это ближе смотреть надо, как сборка устроена, что выкидует в консоли...
Alex
в консоли ошибок нет
Alex
Alex
в app подключен basketWidget. в коде
Alex
Alex
Alex
на месте <basket></basket>, как я понимаю, должен отрисоваться компонент
Sergey
<basket-panel />
Sergey
<basket-widget />
Alex
Alex
разве не name используется?
Sergey
если есть, то используется name )
Alex
значит не работает непонятно почему)
Alex
спасибо за советы, сейчас должен отъехать ненадолго, вернусь продолжу мучаться)
Alex
Три дня не могу заставить работать
Firdavs
vuematerial.io или vuetifyjs.com
Oleksandr
Oleksandr
Денис
element ui еще ничо
Alex
Если кто-то заметит что не так, напишите пожалуйста
Oleksandr
Anonymous
Скажите как правильно сделать Вот асинхронный метод ` getAllPosts:function () {
this.$http.get(this.endpoint).then(
function(response){
this.items=response.body.map(item=😠{
title:item.title,
body:item.body
}))
},
function (error) {
})
} дальше var baseData = function () {
this.getAllPosts();
};` и дальше вызываю alert(baseData) выдает "this.getAllPosts();" как мне получить то что он возвращает ?
Anonymous
а не название метода
Sergey
ну вы ж this.items присваиваете данные, там как минимум надо function(response) заменить на response =>
Anonymous
эмм похоже я это вообще незнаю, скажитн где про эти стрелкт можно почитать ? от Шарпа сильно отличается :(
Sergey
про спеки js почитайте, вы в том коллбаке создали другой контекст
Anonymous
Эмм а что такое спек ?
Anonymous
аа стрелки
Anonymous
все понял, почитаю