ну так роутинг сделай вот тебе и не будет просблем

Тогда передавай props: ["id"]

Вроде так

Я так пытаюсь, но не получается

<router-link :to="{ name: 'currentchemical', params: { id: 123 }}">

ну так роутинг сделай вот тебе и не будет просблем

в смысле роутинг?

ну что бы на твои карточки вели урлы... как еще обьяснить... роутинг это и есть роутинг)

nested routes собсно

хотя можно и обычным query обойтись

You may need an appropriate loader to handle this file type.

что за ошибка?

гоголь не смог помочь. Говорил что vue-loader отсутствует, но она есть

бэк на рельсах

Лоадер нужен

Лоадер нужен

какой именно?

Что скажете про https://github.com/vuejs/vue-class-component/blob/master/README.md, используете? Быстрее / удобнее стало или чисто дело вкуса? :)

вовсю + vue-property-decorator

+ ts

?

какой именно?

Если не ошибаюсь, он не грузит .vue файлы. Тогда юзай vue-loader

Но лучше всего погугли эту причину

+ ts

и вообще без проблем тайпскрипт?

Если не ошибаюсь, он не грузит .vue файлы. Тогда юзай vue-loader

так он есть. гуглил, могу даже показать config

господа знатоки, как бы смотру продивинутый курс Adam Wathan, и там есть интерсная контструкция this.$once('hook:destroyed', () => ... ) В доках ни слова, а где можно почитать за эту хрень, или это грязный хак*

const { dev_server: devServer } = require('@rails/webpacker').config const config = require('../loaders') const isProduction = process.env.NODE_ENV === 'production' const inDevServer = process.argv.find(v => v.includes('webpack-dev-server')) const extractCSS = !(inDevServer && (devServer && devServer.hmr)) || isProduction module.exports = { test: /\.vue(\.erb)?$/, use: [{ loader: 'vue-loader', options: { extractCSS } }] }

Что скажете про https://github.com/vuejs/vue-class-component/blob/master/README.md, используете? Быстрее / удобнее стало или чисто дело вкуса? :)

Старый синтаксис никуда не делся, при вызове @Component декоратору можно передать всё тот же объект с { props: ...., computed: ..., etc}

и вообще без проблем тайпскрипт?

в целом, норм

const { dev_server: devServer } = require('@rails/webpacker').config const config = require('../loaders') const isProduction = process.env.NODE_ENV === 'production' const inDevServer = process.argv.find(v => v.includes('webpack-dev-server')) const extractCSS = !(inDevServer && (devServer && devServer.hmr)) || isProduction module.exports = { test: /\.vue(\.erb)?$/, use: [{ loader: 'vue-loader', options: { extractCSS } }] }

Если лоадер один use не обязателен. Просто: loader: 'vue-loader'

Если лоадер один use не обязателен. Просто: loader: 'vue-loader'

попробую сейчас

@glebofff я вот думаю, насколько это хорошо по отношению к тем, к тем после будет код поддерживать

про декораторы

все же, далеко не все вообще про них знают

ну я на питоне бэкенд фигачу, потому всё достаточно "родное" - декораторы, генераторы, async/await и проч

это пожалуй да

по мне - синтаксис чище

господа знатоки, как бы смотру продивинутый курс Adam Wathan, и там есть интерсная контструкция this.$once('hook:destroyed', () => ... ) В доках ни слова, а где можно почитать за эту хрень, или это грязный хак*

а про что ни слова? $once есть в доках(vm.$once) , hook:destroyed можно найти в гугле, правда упоминаний мало (https://github.com/vuejs/Discussion/issues/502 вот ишью, например)

Тоже вопрос про SPA и роутинг. Есть стартовая страница с лого по центру и кнопкой "Перейти на сайт". По клику на эту кнопку хотелось бы переходить на сайт без перезагрузки страницы. Как я понял, нужно обернуть эту кнопку в router-link. А результат должен быть в router-view. Но у меня должна перерисоваться вся страница целиком, т.е. исчезнет и кнопка. И как же это реализовать?

попробовать, все станет понятно

а про что ни слова? $once есть в доках(vm.$once) , hook:destroyed можно найти в гугле, правда упоминаний мало (https://github.com/vuejs/Discussion/issues/502 вот ишью, например)

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

господа знатоки, как бы смотру продивинутый курс Adam Wathan, и там есть интерсная контструкция this.$once('hook:destroyed', () => ... ) В доках ни слова, а где можно почитать за эту хрень, или это грязный хак*

function callHook (vm, hook) { // #7573 disable dep collection when invoking lifecycle hooks pushTarget(); var handlers = vm.$options[hook]; if (handlers) { for (var i = 0, j = handlers.length; i < j; i++) { try { handlers[i].call(vm); } catch (e) { handleError(e, vm, (hook + " hook")); } } } if (vm._hasHookEvent) { vm.$emit('hook:' + hook); } popTarget(); } а вот из сорцов vue кусочек с вызовом хуковых event'ов

Тоже вопрос про SPA и роутинг. Есть стартовая страница с лого по центру и кнопкой "Перейти на сайт". По клику на эту кнопку хотелось бы переходить на сайт без перезагрузки страницы. Как я понял, нужно обернуть эту кнопку в router-link. А результат должен быть в router-view. Но у меня должна перерисоваться вся страница целиком, т.е. исчезнет и кнопка. И как же это реализовать?

Тупо создаешь новый объект в route, оборачиваешь кнопку в router-link ( или из неё делаешь ) и даёшь ему путь до главной

ну сорцы это понятно, просто до курса Ватана непонятно что это вообще было реально

ну раз нету в доках, тогда ... как бы могут выпилить в любой момент

подскажите в чем может быть дело: <a v-if="!row.expand" @click.prevent="row.expand=true" href="#">Список ({{row.receivers.length}})</a> <a v-if="row.expand" @click.prevent="row.expand=false" href="#">свернуть</a>

в row со старта НЕТ expand.. выводит "список (2)" жму и ничего не происходит

при этом в дебагере видно что в объект попал expand=true

подскажите в чем может быть дело: <a v-if="!row.expand" @click.prevent="row.expand=true" href="#">Список ({{row.receivers.length}})</a> <a v-if="row.expand" @click.prevent="row.expand=false" href="#">свернуть</a>

есть v-else, кстати, он тебе вроде подходит. а по теме - мы не знаем ни как ты data объявил, ни как твой объект и чем заполняется, что вообще происходит в твоем коде. за пределами этого шаблона

row это объект вроде достаточно нет?

господа знатоки, как бы смотру продивинутый курс Adam Wathan, и там есть интерсная контструкция this.$once('hook:destroyed', () => ... ) В доках ни слова, а где можно почитать за эту хрень, или это грязный хак*

Компоненты отправляют события о жизненных циклах. Вообще, это не публичное апи. Расшифровывается строка так: "выполни один раз функцию по событию 'hook:destroyed' "

row это объект вроде достаточно нет?

нет, всмысле не всегда, вам сложно привести пример полностью?) Совсем простой пример https://jsfiddle.net/furryablack/eywraw8t/145300/

row это объект вроде достаточно нет?

https://codesandbox.io/s/m4m7p88wp8 ну вот у меня все работает. видимо, не достаточно :)

Компоненты отправляют события о жизненных циклах. Вообще, это не публичное апи. Расшифровывается строка так: "выполни один раз функцию по событию 'hook:destroyed' "

сенкас, а насколько єто можно использовать в продакшине, могут ли непубличное апи вообще убрать?

сенкас, а насколько єто можно использовать в продакшине, могут ли непубличное апи вообще убрать?

Да хрен их знает. Конкретно этот пример - можно просто в destroyed хуке компонента ту же самую функцию написать. Я бы не стал использовать такую конструкцию в коммерческом проекте, т.к. она вызывает вопросы :)

Да хрен их знает. Конкретно этот пример - можно просто в destroyed хуке компонента ту же самую функцию написать. Я бы не стал использовать такую конструкцию в коммерческом проекте, т.к. она вызывает вопросы :)

та я понял, что это хук хука получается )))) но как бы тогда вопрос, например у меня несколько компонентов, в первом компоненте я просал эту конструкцию $once('hook:destoyed', ...) а потом второй компонент уничтожился, а первые вже еще живет. Сработает ли $once ?

второй день во всех js чатах =/

vuetify не у кого не лагает? может vue-material производительней? . Как вырезать всё не нужное из vuetify? Не юзаю больше половины.

мне он вообще как-то не понравился

весь app надо переделывать

стили поехали

весь app надо переделывать

По началу-то норм.

у меня один npm модуль использует классы, а у babel модули в исключениях, соответственно он их не обрабатывает и в ie11 сайт не работает, как можно этот пакет обработать отдельно?

Как же глаз режет эта буква е)

ERROR: S client not available

у меня один npm модуль использует классы, а у babel модули в исключениях, соответственно он их не обрабатывает и в ie11 сайт не работает, как можно этот пакет обработать отдельно?

Для конкретной либы можно загрузчик настроить со своими правилами

Для конкретной либы можно загрузчик настроить со своими правилами

создавать еще один babel-loader загрузчик?

создавать еще один babel-loader загрузчик?

Нет, в конфиге настраивать

если используется exclude в бабель лоадере, то дописать регулярко { test: /\.js$/, exclude: /node_modules\/(?!(MY-MODULE|ANOTHER-ONE)\/).*/, }, если include, то добавить еще элемент просто.

спасибо, получилось

https://codesandbox.io/s/m4m7p88wp8 ну вот у меня все работает. видимо, не достаточно :)

ответ лежал на порвехности. изменение не реактивно было

почему при попытке выполнить команду vue-cli-service build, я получаю ошибку Cannot find module '@vue/cli-plugin-eslint' пакеты все поставил из package.json судя по всему ошибка не пропадет, пока не поставишь пакет глобально почему локальный не работает

Ребята, а vue-test-utils ни у кого не сломался? Стоит версия 1.0.0-beta.20. Вчера все ОК было, сегодня половина компонентов не могут даже примаунтится. Дебаггер ничего не дал.

коллеги, простой вопрос select(required) option(selected disabled) номер option(value="1") 1 option(value="2") 2 почему форма видит disabled как заполненное поле, хотя должно запрашивать выбор из тех, что не disabled?

коллеги, ау)))

мы не знаем

мы не знаем

так, за всех не нужно отвечать)))

мы сами решим, за кого отвечать...

мы сами решим, за кого отвечать...

ты опять от лица всех, говорю же, за себя отвечай, ты не знаешь)))

ты опять от лица всех, говорю же, за себя отвечай, ты не знаешь)))

У него доверенность нотариальная, так что...

У него доверенность нотариальная, так что...

=)

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

<router-link to="/currentchemical/" + "chemical.id">

коллеги, простой вопрос select(required) option(selected disabled) номер option(value="1") 1 option(value="2") 2 почему форма видит disabled как заполненное поле, хотя должно запрашивать выбор из тех, что не disabled?

value="" нужно ставить у disabled, иначе отмечает как выбранное даже disabled)))

value="" нужно ставить у disabled, иначе отмечает как выбранное даже disabled)))

Спасибо коллеги, помогли =)))

обращайся!

<router-link to="/currentchemical/" + "chemical.id">

<router-link :to="`/currentchemical/${chemical.id}`">

обращайся!

да как без вас то))))

vuetify не у кого не лагает? может vue-material производительней? . Как вырезать всё не нужное из vuetify? Не юзаю больше половины.

a-la-carte загугли от них

просто нужное импортируешь онли

а не все тянешь

ребят, без Babel не компилится проект, ругается на оператор spread: { ...obj, foo } как починить? важно не использовать babel

ребят, без Babel не компилится проект, ругается на оператор spread: { ...obj, foo } как починить? важно не использовать babel

Не используй spread оператор

Не используй spread оператор

а почему он не поддерживается? что за это отвечает? ноду обновил, не помогло

Подскажите, vue 2 uiv typeahead при помощи axios грузится autocomplete список, далее отображается но не могу в нем выбрать опцию кликом мышки, только припомощи клавиши enter. Есть рабочий пример : https://uiv.wxsm.space/typeahead

а почему он не поддерживается? что за это отвечает? ноду обновил, не помогло

какая нода?

а почему он не поддерживается? что за это отвечает? ноду обновил, не помогло

А чем ты вообще компилишь?