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 в этом плане очень гибок
zinge 🐌
Anton
особенно радует такая штука как block
Andrey
Ребзя, всем приветик. Скажите, пожалуйста, как отрендерить в шаблоне компонента данные из vuex? У меня никак не получается связать data компонента Vue со store Vuex'а, или я что-то не понимаю...
Dmitrii
https://vuex.vuejs.org/ru/getters.html
Stanislav
Stanislav
Геттеры не нужны, чтоб отрисовать стейт
Dmitrii
ну чтоб получить данные из стейта)
Andrey
Все, понял, спасибо большое :)
Dmitrii
ну мне кажется это удобно)
Dmitrii
я всегда пишу геттеры для стейта
Stanislav
Я не вижу в этом смысла - зачем писать код, когда можно его не писать :)
Anonymous
привет, каким свойством vuetify таблиц можно cделать ширину ячейки по ширине содержимого?
Roman
Dmitrii
ну наоборот геттеры придуманы чтоб не писать код
Dmitrii
чтоб код можно было изменить в одном месте
Dmitrii
и не писать всякое типа this.$store.state.val
Roman
Dmitrii
Max
Tommy
как из компонента обратится к стейту this.$store.state
Tommy
только не весь state а конкретной свойство
Evgheni
this.$store.state.conkretnoe_svoistvo
Anonymous
появилось нестерпимое желание покрыть приложение тестами, поделитесь годными видео на эту тему? Есть небольшой опыт с mocha+chai, хотелось бы усилить именно ими
Roman
Roman
Anonymous
Anonymous
спасибо, погружаюсь в доки.
Denys
Sunlive
Sunlive
это обьект или примитив ?
Tommy
Sunlive
просто у тебя какие то очень удивительные проблемы)
Sunlive
вроде все правильно, а не работает 😆
Sunlive
а что ты хочешь сделать с ним теперь?