Sunlive
я в дискорде их сижу, там не так часто какие то важные фиксы приезжают
Sunlive
пока какой нить мало-средний проектик напишешь, уже 2-3 версии выкатят)
Алексей
Привет всем. Запилил тут с товарищем компонент автокомплита для Vue: https://github.com/KazanExpress/vue-simple-suggest Хотел бы узнать ваше мнение или предложения по улучшению, если таковые будут. Выкладываю сюда, т.к. компонентом начали интересоваться - и я подумал, что тут тоже кому-то может пригодиться. P.S. Знаю, что подобных много, но мы не нашли аналогов с необходимым уровнем кастомизации, поэтому решили запилить сами.
Tommy
ребят если в axios не получается юзать this то в чем ошибка?
Tommy
чтото с контекстом
Sunlive
Максим
через bind можно пробросить контекст вроде
Sunlive
в эру стрелок, такое себе
Sunlive
за пол года ниразу не приходилось
Tommy
покажи код
users: function () { axios.post('api/getusers') .then((response) => { this.all_users = response.data }, (error) => { console.log(error) }); },
Tommy
то есть тут не присываеватся ничего
Sunlive
точно пост запрос?
Tommy
дада все четко в этом плане
Tommy
у меня было такое уже не помню что сделал и this мог юзать тут
Michael
Написал кому-то в гист на гитзабе. Не помню вопроса.
Sunlive
ну я вот смотрю, вроде все окей, очень странно чет
Tommy
ну я вот смотрю, вроде все окей, очень странно чет
import Vuex from 'vuex' import Vue from 'vue'; Vue.use(Vuex); export default new Vuex.Store({ state: { markers: [], categories: [] }, mutations: { setMarkers(state, markers) { state.markers = markers } }, actions: { loadData({commit}) { axios.post('/') .then((response) => { //console.log(response.data); commit('setMarkers', response.data) }, (error) => { console.log(error) }); } }, getters: { getMarkers(state) { console.log(state.markers) } }, strict: true });
Tommy
тут тоже не работает commit
Tommy
то бишь в state ничего не присваватся
Max
гайз кто-нибудь пробовал заставить глобальный миксин внутри другого миксина?
Sunlive
то бишь в state ничего не присваватся
чет хз, попробовал щас в песочнице, все работает axios.get('https://jsonplaceholder.typicode.com/posts').then(({data}) => { this.users = data.slice(0,5); console.log(this.users); })
Жалгас
Ребята, я тут решил опробовать vuetuify. Всегда сидел на bootstrap + sass и мог полностью его сконфигурировать под себя, а теперь столкнулся с тем что незнаю новый для меня css фреймворк и язык stylus. В общем подскажите как из vuetify вытащить значение переменной? <style scoped lang="stylus"> .some-class color $grey </style> вот такой код у меня компилируется в .some-class { color: $grey }
Max
гайз кто-нибудь пробовал заставить работать глобальный миксин внутри другого миксина? типа Vue.mixin({created() { this.$options.blabla == {text: 'omfg'} }}) const myMixin = {blabla: {text: 'omfg'}} Vue.component({mixins: [myMixin]})
Max
не понял - ну можно да - а как это мне поможет?
Жалгас
ну второй миксин можно с экпортировать в виде обычной функции и смерджить внутри глобального... в теории
Жалгас
сам так не пробовал
qluqua
Привет пацаны, есть такая ситуация — я загружаю компоненты динамически, списком с именами нужных мне в текущий момент компонентов, с помощью <component :is="someComponentName"></component>. Всё работает, всё круто кроме одного "но" — некоторые из этих компонентов наследуют (extends) родительские компоненты и мне нужна разметка родительского компонента, а "тупо" вставить родительский компонент сверху и поместить ему в slot дочерний я не могу, так как указал выше, что собираю компоненты динамически по списку имён. Ответьте мне, как заставить дочерний вью-компонент оборачивать себя в разметку родителя?
Max
никак
qluqua
я уже читал ответы Эвана на подобные моему feauture реквесты и в двух словах он считает, что "идите нафиг"
Sunlive
ну это чето жестко
Max
нужно реализовать свое наследование и както выдергивать что компилит базовый компонент и как то вставлять
qluqua
ну мне показалось удобной такая конструкция, смотри — вот код в сайдбаре
qluqua
template(v-for="(widget, index) in sidebarComponents") component(:is="widget" :key="index" class="sidebar__widget")
qluqua
а вот в странице я указываю какие компоненты мне нужны в сайдбаре
qluqua
this.sidebarComponents(['Billboard', 'TileAvgEngagement', 'Tile'])
qluqua
и типа на каждой странице какие хочу такие и сую в сайдбар блоки
Max
вот парень через пуг это делает https://vuejsdevelopers.com/2017/06/11/vue-js-extending-components/
qluqua
не хотел я pug-шаблоны использовать, но прийдётся видимо. вот как последняя надежда — тут спросил
Anton
pug в этом плане очень гибок
Anton
особенно радует такая штука как block
Andrey
Ребзя, всем приветик. Скажите, пожалуйста, как отрендерить в шаблоне компонента данные из vuex? У меня никак не получается связать data компонента Vue со store Vuex'а, или я что-то не понимаю...
Dmitrii
https://vuex.vuejs.org/ru/getters.html
Stanislav
Геттеры не нужны, чтоб отрисовать стейт
Dmitrii
ну чтоб получить данные из стейта)
Andrey
Все, понял, спасибо большое :)
Stanislav
ну чтоб получить данные из стейта)
И что б получиьт данные из стейта тоже не нужны)
Dmitrii
ну мне кажется это удобно)
Dmitrii
я всегда пишу геттеры для стейта
Stanislav
Я не вижу в этом смысла - зачем писать код, когда можно его не писать :)
Anonymous
привет, каким свойством vuetify таблиц можно cделать ширину ячейки по ширине содержимого?
Dmitrii
ну наоборот геттеры придуманы чтоб не писать код
Dmitrii
чтоб код можно было изменить в одном месте
Dmitrii
и не писать всякое типа this.$store.state.val
Roman
и не писать всякое типа this.$store.state.val
для этого есть mapState, как и mapGetters )
Dmitrii
Tommy
как из компонента обратится к стейту this.$store.state
Tommy
только не весь state а конкретной свойство
Evgheni
this.$store.state.conkretnoe_svoistvo
Tommy
this.$store.state.conkretnoe_svoistvo
так возвращает [ob: Observer] в котром ничего нет, а если this.$store.state то там уже есть все свойства
Anonymous
появилось нестерпимое желание покрыть приложение тестами, поделитесь годными видео на эту тему? Есть небольшой опыт с mocha+chai, хотелось бы усилить именно ими
Anonymous
спасибо, погружаюсь в доки.
Denys
так возвращает [ob: Observer] в котром ничего нет, а если this.$store.state то там уже есть все свойства
сделай через mapState но должно возвращать всё ок, как и в примере выше
Roman
спасибо, погружаюсь в доки.
+ видео сегодня кидали, где автор vue-test-utils выступал на конфе в амстердаме
Tommy
а где и как ты к нему обращаешься?
из однофайлового компонента вот так this.$store.state.markers
Sunlive
это обьект или примитив ?
Sunlive
просто у тебя какие то очень удивительные проблемы)
Sunlive
вроде все правильно, а не работает 😆
Tommy
это обьект или примитив ?
state: { markers: [], categories: [] },
Sunlive
а что ты хочешь сделать с ним теперь?
Tommy
а что ты хочешь сделать с ним теперь?
та блин просто пока чтобы получилоась стейт получать)