Привет! Какую-то странную ошибку ловлю. Создаю дочернию компонент, а он тянет всеь дом родителя. То есть представьте, что дочеерний - это табличка, но вместо нее отображается вся страница родителя + табличка.

<template> <v-app> <v-content> <v-container fluid> <v-btn v-on:click="showPeriod('1 month')">1 month</v-btn> <v-btn v-on:click="showPeriod('3 month')">3 month</v-btn> <v-btn v-on:click="showPeriod('6 month')">6 month</v-btn> <v-btn v-on:click="showPeriod('YTD')">YTD</v-btn> <v-btn v-on:click="showPeriod('All')">All</v-btn> <div id="chartdiv"></div> <v-container> <v-layout v-if="isRendered" justify-start row> <v-flex md4> <v-subheader>From:</v-subheader> </v-flex> <v-flex md2> <v-text-field v-model = "startDate" solo @keyup.native = "inputChanged" ></v-text-field> </v-flex> <v-flex md4> <v-subheader>To:</v-subheader> </v-flex> <v-flex md2> <v-text-field v-model = "endDate" solo @keyup.native = "inputChanged" ></v-text-field> </v-flex> </v-layout> </v-container> </v-container> </v-content> <v-content> <v-data-table :headers="headers" :items="metrics" :custom-sort="sortPercentage" hide-actions class="elevation-1" > <template slot="items" scope="props"> <td>{{ props.item.name }}</td> <td class="text-xs-right">{{ props.item.acRet }}</td> <td class="text-xs-right">{{ props.item.anRet }}</td> <td class="text-xs-right">{{ props.item.anVol }}</td> <td class="text-xs-right">{{ props.item.maxDd }}</td> <td class="text-xs-right">{{ props.item.sRatio }}</td> <td class="text-xs-right">{{ props.item.inRatio }}</td> </template> </v-data-table> </v-content> </v-app> </template> В дочернем ничего такого, что могло бы вызывать другой код нет

Всем привет! Можете подсказать, как передать в пропсы урл с ip, например на такой пропс :testPros="//127.0.0.1:8009/xxx?%c" выдается ошибка Syntax Error: Unexpected token (2:9)

Всем привет! Можете подсказать, как передать в пропсы урл с ip, например на такой пропс :testPros="//127.0.0.1:8009/xxx?%c" выдается ошибка Syntax Error: Unexpected token (2:9)

биндинг убери

биндинг убери

спасибо, заработало а в чем суть?

спасибо, заработало а в чем суть?

В том, что значение в кавычках становится js выражением

mdbootstrap

ребята - юзал кто это?

В том, что значение в кавычках становится js выражением

понял, спасибо

понял, спасибо

https://ru.vuejs.org/v2/guide/components-props.html#%D0%9F%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B0-%D1%81%D1%82%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D1%85-%D0%B8-%D0%B4%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D1%85-%D0%B2%D1%85%D0%BE%D0%B4%D0%BD%D1%8B%D1%85-%D0%BF%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D0%BE%D0%B2 перечитайте

https://ru.vuejs.org/v2/guide/components-props.html#%D0%9F%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B0-%D1%81%D1%82%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D1%85-%D0%B8-%D0%B4%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D1%85-%D0%B2%D1%85%D0%BE%D0%B4%D0%BD%D1%8B%D1%85-%D0%BF%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D0%BE%D0%B2 перечитайте

отлично, спасибо!

Привет! Пните меня, как правильно передать пропс или параметр в роуте, ннада модалку после перехода отобразить!

Привет! Пните меня, как правильно передать пропс или параметр в роуте, ннада модалку после перехода отобразить!

https://router.vuejs.org/ru/guide/essentials/passing-props.html

А нормальный ли вариант будет юзать https://www.npmjs.com/package/vue-session

одной строкой завернуть параметр или параметры а после перехода получить их и очистить

чем ковыряться в роутах и параметры будут видны в строке запроса (id шники к примеру)

а их не нужно показывать

Параметр передал, в общем буду разбираться, спасибо

Помню я написал - передача через роут - и оказалось, что они видны в URL... а это мне не нравилось.

Помню я написал - передача через роут - и оказалось, что они видны в URL... а это мне не нравилось.

это query видны, params не видно

одной строкой завернуть параметр или параметры а после перехода получить их и очистить

Какая то дичь это использовать, вместо того чтобы один раз разобраться и сделать нормально

это query видны, params не видно

ну много где надо передавать параметры

а бывает что там объекты и надо поменять

лазить в роут каждый раз - лишнее время

любой объект через vue-session передал - принял - очистил

vuex есть для этого

vuex есть для этого

+

ну vuex использую для определенных параметров, а не для каких-то незначительных-промежуточных данных, которые меняются и используются на другом роуте (роуты тоже могут меняться)

захламлять vuex ими не хочу

ну vuex использую для определенных параметров, а не для каких-то незначительных-промежуточных данных, которые меняются и используются на другом роуте (роуты тоже могут меняться)

ну тогда зачем тебе еще лишняя магическая надстройка vue-session ? В vuex это запихнуть можно

захламлять vuex ими не хочу

эээм. захламлять vuex ? На модули разбей

vuex реактивен, и твои компоненты будут знать о изменении в отличии от vue-session, и ты вспомнишь об этом, когда придется костылями что нибудь затыкать

Привет всем. Запилил тут директиву для удобного пользования Mutation Observer API. https://www.npmjs.com/package/vue-mutation-observer. Просто для информации ) Опережая вопрос - юзал MO для наблюдения за слотами. Ну и вообще интересный инструмент, кмк

А что лучше передавать в роуте, пропс или параметр?

Кто-нибудь знает как можно задать дефолтные query params в route-е? Есть каталог, нужно чтоб при переходе на него по умолчанию задавался пол. /catalogue?gender=male. Ну и еще там парочку.

редиректорм в роутере или еще есть варианты?

дак как бы, когда роутинг определяешь, там и можешь задать

пропсы да, но от этого они не появятся в query

пропсы да, но от этого они не появятся в query

а рзаве нельзя так же передавать query ? Я чёт передаю, работает всё

а пример можно?) не пойму как только не бей))

ну реально гуглил, не вижу даже в доке

Кто-нибудь знает как можно задать дефолтные query params в route-е? Есть каталог, нужно чтоб при переходе на него по умолчанию задавался пол. /catalogue?gender=male. Ну и еще там парочку.

В хуке повесь

точно так же как передаёшь props в объекте роута передай тудать query. Либо да, можно хуками

а че так можно было

о_0

Ща попробую

const router = new VueRouter({ routes: [ { path: '/promotion/from-newsletter', component: Promotion, query: { dzhigurda: 'dadada' } } ] })

да вы читеры

пиздец

что, работает?

не знаю, но если сработает))

я уже пол года ищу нормальный способ))) думал писать ф-ию редиректа где проверять типа передан ли query или нет

А поиск в доке роутера только у меня не работает?

У меня работает поиск, на английском смотрлю

А поиск в доке роутера только у меня не работает?

ты про новый обновлённый? А там ни слова нет что можно query по умолчанию передавать, но есть пример как передавать в props данные из query https://router.vuejs.org/ru/guide/essentials/passing-props.html#%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D1%8F

что, работает?

ну вообще не сработало

ну перехожу на /catalogue, и урл такой и останется, не /catalogue?test=123

ну перехожу на /catalogue, и урл такой и останется, не /catalogue?test=123

урл да, а в объекте данных тоже нет?

Ребят, как мне вывести в консоль содержимое data() компонента?

Ребят, как мне вывести в консоль содержимое data() компонента?

vue-devtools

Станислав, я только хотел хоть рза в жизни помочь человеку и написать ответ, а ты меня опередил. Теперь я навсегда останусь эгоистичной сучкой которая только и дело что спрашивает вопросы здесь ?

урл да, а в объекте данных тоже нет?

ну врое как нет. у меня там в компоненте есть компьютер проперти, которое юзает this.$route.query и я его в консоль выдал - пусто

ну врое как нет. у меня там в компоненте есть компьютер проперти, которое юзает this.$route.query и я его в консоль выдал - пусто

полез в код, смотреть как делал

вообще чтобы в урле изменения произошли, поидее нужно только редитректить, или как-то еще?

Вообще кароче задача простая: есть каталог, нужно по умолчанию задавать сортировку и пол. И чтобы это все в урле отобразилось (я беру все фильтры для бека из this.$route.query, вот все что там есть - все шлю в апишку). И постоянно какиет о костыли придумываю. Можно конечно в ссылке на каталог указать пол/сортировку, но хотелось бы чтобы по умолчанию было. Например сортировку чтоб не указывать в каждой ссылке Получается нужно сделать редирект, который бы проверил есть ли пол/сортировка, и если ее нет то редиректнул на урл с дефолтными как-то так чтоли

ERROR: S client not available

Вообще кароче задача простая: есть каталог, нужно по умолчанию задавать сортировку и пол. И чтобы это все в урле отобразилось (я беру все фильтры для бека из this.$route.query, вот все что там есть - все шлю в апишку). И постоянно какиет о костыли придумываю. Можно конечно в ссылке на каталог указать пол/сортировку, но хотелось бы чтобы по умолчанию было. Например сортировку чтоб не указывать в каждой ссылке Получается нужно сделать редирект, который бы проверил есть ли пол/сортировка, и если ее нет то редиректнул на урл с дефолтными как-то так чтоли

а зачем? Данные рекгулирующие запрос к беку просто сделай поумолчанию, какие тебе нужны, смёрджи потом два объекта, что у тебя по умолчанию и то, что пришло, если пришло и отправляй. С query - да, там мона через хук сделать, это params дефолтные задаются, я напутал

а зачем? Данные рекгулирующие запрос к беку просто сделай поумолчанию, какие тебе нужны, смёрджи потом два объекта, что у тебя по умолчанию и то, что пришло, если пришло и отправляй. С query - да, там мона через хук сделать, это params дефолтные задаются, я напутал

хмм, у меня вроде так и было, но я захотел чтобы все что отправляется на бек отобразилось в урле типа

хмм

Ребята, такой вопрос. У меня есть масив, который я вывожу с помощью v-for. Как мне сделать, что бы при клике на определенный элемент масива, у него менялся css класс?

В доках есть работа с классами

Там хорошие примеры

хмм, у меня вроде так и было, но я захотел чтобы все что отправляется на бек отобразилось в урле типа

Я бы сделал по-другому, вообще ведь по идее, если ты меняешь какие-то параметры в каталоге - это же и должно отражаться в query, так вот просто сделай функционал, который будет обновлять query исходя из выставленных параметров, а уже в самих компонентах или в сторе делай механизм выставления дефолтных значений, вот и всё

кто-нибудь пользовался storybook-addon-vue-info? У меня Props почему-то не выводятся. Их нужно как-то задавать вручную или сторибук их должен сам с компонента как-то считать?

Я бы сделал по-другому, вообще ведь по идее, если ты меняешь какие-то параметры в каталоге - это же и должно отражаться в query, так вот просто сделай функционал, который будет обновлять query исходя из выставленных параметров, а уже в самих компонентах или в сторе делай механизм выставления дефолтных значений, вот и всё

ну вот я не совсем понимаю( например, где менять query? У меня есть Catalogue.vue, в котором куча подкомпонентов, фильтры, всякая вот такая лабуда. Я делаю router-link на каталог (без параметров). В самом каталоге в хуке beforeRouteEnter(to) { to.gender = ‘female’ } типа того менять? Если еще сменится)

подскажите компонент для манипуляции с изображением: переворот, zoom, изменение яркости

ну вот я не совсем понимаю( например, где менять query? У меня есть Catalogue.vue, в котором куча подкомпонентов, фильтры, всякая вот такая лабуда. Я делаю router-link на каталог (без параметров). В самом каталоге в хуке beforeRouteEnter(to) { to.gender = ‘female’ } типа того менять? Если еще сменится)

Ты юзаешь vuex или у тебя данны только в компонентах?

кто-нибудь пользовался storybook-addon-vue-info? У меня Props почему-то не выводятся. Их нужно как-то задавать вручную или сторибук их должен сам с компонента как-то считать?

Через withInfo завелось...

Ты юзаешь vuex или у тебя данны только в компонентах?

конкретно в этом случае в компоненте

Ещё вопрос, ssr есть?

нет

Ок

Ну смотри, у тебя в стейте компонента, отвечающего за выставление параметров есть что-то типа такого: gender: 'male', order: 'asc' так?

ну прямо щас у меня эти два поля в props, а в роутере я их задаю исходя из query (если есть в query, то беру оттуда, нет - задаю дефолтные)

Всем привет.

как заставить заработать второй import

использую nuxt

пробовал добвлять лоудеры в webpack не пашет

А зачем ?

ну прямо щас у меня эти два поля в props, а в роутере я их задаю исходя из query (если есть в query, то беру оттуда, нет - задаю дефолтные)

Ну тогда это надо делать в компоненте, который передаёт эти пропсы, делаешь два момента: 1. в data делаешь получение данных из query , если нет выставляешь дефолтные 2. вешаешь watcher на каждый параметр, с immediate: true, которы делает this.$router.replace({ path: this.$router.path, query: { gender: this.gender, order: this.order } })

хотел сделать подобие темизизуремых компонентов сделанных по этому подходу в реакте

https://github.com/javivelasco/react-css-themr

Какой же ад

Какой же ад

а чем плохо? )

Нельзя просто взять и сверстать кнопку ;)

можно

но если потом у кнопки необходимо поменять стилизацию темизация через композицию тем довольно сносно работает.