Alex
Из урл вроде всё строки
Bushrut
Andrey
Nuxt баговат
Anton
Единственная проблема была когда они случайно вылили альфу и у всех пользователей yarn перестало работать.
Pavel
ребята, как правильно залинковать ссылку на пдф файл?
Evgheni
Pavel
точнее как указать путь к файлу, он говорит что не найден
Pavel
http://joxi.ru/vAWMo3xskDGZWm.jpg
Oleksandr
Он физически там есть? Папка ассетс лежит в том месте откуда сервите?
Pavel
блин, вот я дурачек, такие файлы надо класть в папку статик
Pavel
а я клал в папку ассетс
Pavel
поэтому он не видел
Anonymous
пасаны, во Vuetify вы как тулбар тайтл кликабельным делаете? через кастомную функцию? надо шоб тайтл на главную вел
Сергей
пасаны, во Vuetify вы как тулбар тайтл кликабельным делаете? через кастомную функцию? надо шоб тайтл на главную вел
Если прикручен роутер, то через router-link, если это статика, то через обычные ссылки.
Сергей
Там это просто компонент кнопки. Он пробрасывает пропсы. Глянь на список пропсов у компонента v-btn
Dmytro
Всем привет
Подскажите пожалуйста, в чем может быть проблема
Учу Vuex, добавил в стор готовый json с данными (массив с элементами)
На странице через computed выбираю элемент массива равный переменной в data
Потом в темплейте эту всю инфу вывожу
При загрузке страницы все выводится нормально, но когда я перейду на другую страницу и вернусь обратно на эту, то выводится лишь часть данных (Dr. Williber и Radiologist), а то, что было в User Info и Report History – не выводится
https://plnkr.co/edit/K1JGftRY5B2USJ68wnSu?p=catalogue
Dmytro
Видосик с проблемой
Сергей
А страничка у тебя в keep-alive?
Dmytro
А страничка у тебя в keep-alive?
Наверное нет, ибо слышу об этом впервые
Если что, юзаю Nuxt (там SSR)
Dmytro
А страничка у тебя в keep-alive?
Note, <keep-alive> is designed for the case where it has one direct child component that is being toggled. It does not work if you have v-for inside it
А у меня внутри есть, так что наверное этот вариант точно отпадает
Сергей
Попробуй привязку данных осуществить в жизненном цикле компонента.
Dmytro
Попробуй привязку данных осуществить в жизненном цикле компонента.
Через один их этих хуков?
https://vuejs.org/v2/api/index.html#Options-Lifecycle-Hooks
Сергей
Да.
Сергей
Вообще, должно по идее все работать, попробуй посмотреть что происходит с компонентом через Vue Dev Tools.
Dmytro
Вообще, должно по идее все работать, попробуй посмотреть что происходит с компонентом через Vue Dev Tools.
Судя по коду который я скинул всё должно работать или судя по описанию моих действий?
Сергей
По описанию.
Жалгас
Привет, сделал пользовательскую директиву, например v-demo, и есть такая проблема vue ругается на директиву если ей ничего не передавать. Т.е. <div v-demo></div> - ругается, <div v-demo=""></div> не ругается. Какие манипуляции с директивой надо произвести чтобы директиву можно было бы писать как без ="" и чтобы vue не ругался
Alexey
Alexey
код такой:
import {mapGetters} from 'vuex'
export default {
name: 'app'
},
computed: {
...mapGetters([
'vgIsAppInit'
])
}
Anonymous
@leshgan npm install --save-dev babel-plugin-transform-object-rest-spread
Anonymous
сервер перезапускал?
Anonymous
секунду, щас точно скажу
Anonymous
@leshgan npm install —save-dev babel-preset-stage-2
Anonymous
вот так делай
Alexey
@leshgan npm install —save-dev babel-preset-stage-2
хм, он у меня есть в списке зависимостей, неужели не установлен...
Anonymous
попробуй руками поставь
Alexey
щас прогоню npm install
Anonymous
скажешь потом, интересно
Anonymous
да ну нафик
Anonymous
а. епта
Anonymous
.babelrc
Anonymous
дай мне содержимое
Alexey
фак, у меня его нет, точно
Alexey
.babelrc
гигантская благодарность тебе, камрад! Всё заработало, скопировал .babelrc с работающего проекта.
Anonymous
та не за что)
Alexey
Этот файл надо вручную создавать или он кем-то генерируется?
Anonymous
ну вообще при vue init webpack-simple сам
Anonymous
там только нужно добавить прессет stage-2
Alexey
а... понял, спасибо
Anonymous
@leshgan https://babeljs.io/docs/plugins/transform-object-rest-spread/
Anonymous
можно вот так еще
Alexey
спасибо!\
енот
как-то можно вынести куски HTML в другие файлы, подключать их по необходимости, чтобы это всё не в одном файле было во время разработки?
Alexey
енот
компоненты так и делают
типа такого?
Vue.component('machines-list', {
props: ['machine'],
template: '<tr @click="callMethod">' +
'<td>{{ machine.name }}</td> ' +
'<td>{{ machine.number }}</td>' +
'<td>{{ machine.mac }}</td>' +
'<td>{{ machine.location }}</td>' +
'<td>{{ machine.count }}</td></tr>',
methods: {
callMethod: function () {
// console.log(this.machine);
checkList.getList(this.machine);
}
}
});
Alexey
типа такого?
Vue.component('machines-list', {
props: ['machine'],
template: '<tr @click="callMethod">' +
'<td>{{ machine.name }}</td> ' +
'<td>{{ machine.number }}</td>' +
'<td>{{ machine.mac }}</td>' +
'<td>{{ machine.location }}</td>' +
'<td>{{ machine.count }}</td></tr>',
methods: {
callMethod: function () {
// console.log(this.machine);
checkList.getList(this.machine);
}
}
});
можно компоненты делать в виде отдельных .vue файлов и собирать сборщиком
енот
а если мне не надо компонент, а темплейт? я плаваю в терминологии, могу не то лпянуть
енот
нет, до сборщиков я ещё не добрался
Alexey
а если мне не надо компонент, а темплейт? я плаваю в терминологии, могу не то лпянуть
ну это как бы оно и есть. Просто если не делать отдельными файлами и не юзать сборщики, то получится еще хуже, много всего в одном файле. Ты спрашивал про вынос в отдельный файл. Вот это уже сборка. Там ничего сложного нет, просто попробуй в доке почитай про vue-cli и сделай по примерам
енот
ну это как бы оно и есть. Просто если не делать отдельными файлами и не юзать сборщики, то получится еще хуже, много всего в одном файле. Ты спрашивал про вынос в отдельный файл. Вот это уже сборка. Там ничего сложного нет, просто попробуй в доке почитай про vue-cli и сделай по примерам
похоже придется так и делать. хорошо, спасибо.
makvell
Хао всем. У меня скорее концептуальный вопрос :) Ковыряю vue в качестве хобби, пилю вечерами spa. И возник вопрос. Есть экран, там тулбар, сайдбар и основная рабочая область с роутером. Но ведь можно собрать и сам экран через роутер, т. е. закинуть именованые роуты на один путь и разложить каждый компонент в свой роут. Так они будут менее зависимы. С другой стороны не очень понятно, стоит ли оно того. Вот и вопрос, а как более опытные товарищи делают?
Anonymous
та все зависит от тз, на самом то деле)
makvell
Таки нет тз :) Когда-то игрался с ext js, думал тут по такому пути пойти: рабочее место и все остальное внутри него. Так как я много пилю всякого для реальных проектов (не js), понятно, что в зависимости от того кто... ммм залогинен, на тулбар и сайдбаре может что-то меняться, как и внутри самой рабочей области. Вариант с разделение всего через роутером выглядит привлекательнее, но чот я не знаю, боюсь перемудрить :)
Anonymous
Alexey ну роль юзера можно ведь в vuex хранить и менять содержимое того-же навбара в хуке роутера
makvell
Угу, только сама эта страница будет пипей... а если разделить - вроде как получается все более локализовано. Вот и сижу размышляю. Вариант все в одном я уже сделал, думаю просто стоит ли продолжать так или пока еще не так страшно - переделать.
makvell
Ок, пока еще подумаю. Понятно что можно и так и сяк сделать. :)
makvell
В любом случае - спасибо.
Evgeny
Не подскажите как сделать так, чтобы при рендеринге select dropdown выбирася автоматически option по условию. Я написал так:
<option v-for="template in templates" v-bind:value="template.id" v-bind:selected="template.id === defaultTemplate ? 'selected' : ''">
Но ничего не выбирается
Vladimir Sery
Навесь на select v-model и ему уже присваивай то value, которое нужно по дефолту
Rafael 🌵