Artur
Подскажите в какую сторону смотреть, чтобы сделать следующее: Есть 2 компонента, один с формой, другой просто текст. Между компонентами можно переключаться, используя <router-link :to="..."> Как сохранить состояние формы при навигации между двума компонентами?
Artur
без vuex можно?
Nikita
cохрани в родители
Nikita
сохрани в $root
Nikita
сохрани в querystring
Nikita
возможно, <keep-alive>
оо вообще за него забыл
Nikita
в каких вообще ситуациях его юзать
Artur
спасибо!)
Stanislav
в каких вообще ситуациях его юзать
когда нужно сохранить состояние динамических компонентов
Nikita
а я хранил состояние в query string(для восстановления состояния) или в vuex
Nikita
не нашел куда вставить keep-alive
R
Друзья, помогите пожалуйста, очень странная проблема Есть 3 компонента - Tree, List и Item Tree ренедирит одни единственный List (в props данные для рекурсивного построения дерева), в List через цикл v-for ренедерятся Item компоненты. В компоненете Item ренеделится List и так далее, т.е. рекурсивно и должна получится вот такая структура <Tree> <List> <Item> <List>(*) <Item> <Item> <Item> <Item> Но ничего не получается и вываливается ошибка Unknown custom element: <list> - did you register the component correctly? For recursive components, make sure to provide the "name" option. Привожу примитивный пример кода который не работае // Tree.vue <template lang="pug"> div list(v-model='data') </template> <script> import List from './List.vue' export default { name: 'tree', components: { List }, data () { return { data: [ { title: 'Foo', childs: [ { title: 'Foo 1', childs: [ { title: 'Foo 1.1', childs: [] }, { title: 'Foo 1.2', childs: [] } ] }, ...// and more ] }, ] } } } </script> и еще // List.vue <template lang="pug"> ul item(v-for='(item, index) in items', v-model='items[index]') </template> <script> import Item from './Item.vue' import {cloneDeep} from 'lodash' export default { name: 'list', components: { Item }, props: { value: Array }, data () { return { items: cloneDeep(this.value) } } } </script> и еще // Item.vue <template lang="pug"> li a(href='#') {{ val.title }} list(v-model='val.childs') </template> <script> import List from './List.vue' import {cloneDeep} from 'lodash' export default { name: 'item', components: { List }, props: { value: Object }, data () { return { val: cloneDeep(this.value) } } } </script> Заранее благодарю за любую помощь!
Александр
Подскажите, на странице 4000 чекбоксов. Как можно добиться 60fps при чеке всех одновременно. Сейчас укладываюсь в 60ms, а надо 16ms и это только тогда, когда они не отрендерены. Если их все показать то там 200ms
Александр
Друзья, помогите пожалуйста, очень странная проблема Есть 3 компонента - Tree, List и Item Tree ренедирит одни единственный List (в props данные для рекурсивного построения дерева), в List через цикл v-for ренедерятся Item компоненты. В компоненете Item ренеделится List и так далее, т.е. рекурсивно и должна получится вот такая структура <Tree> <List> <Item> <List>(*) <Item> <Item> <Item> <Item> Но ничего не получается и вываливается ошибка Unknown custom element: <list> - did you register the component correctly? For recursive components, make sure to provide the "name" option. Привожу примитивный пример кода который не работае // Tree.vue <template lang="pug"> div list(v-model='data') </template> <script> import List from './List.vue' export default { name: 'tree', components: { List }, data () { return { data: [ { title: 'Foo', childs: [ { title: 'Foo 1', childs: [ { title: 'Foo 1.1', childs: [] }, { title: 'Foo 1.2', childs: [] } ] }, ...// and more ] }, ] } } } </script> и еще // List.vue <template lang="pug"> ul item(v-for='(item, index) in items', v-model='items[index]') </template> <script> import Item from './Item.vue' import {cloneDeep} from 'lodash' export default { name: 'list', components: { Item }, props: { value: Array }, data () { return { items: cloneDeep(this.value) } } } </script> и еще // Item.vue <template lang="pug"> li a(href='#') {{ val.title }} list(v-model='val.childs') </template> <script> import List from './List.vue' import {cloneDeep} from 'lodash' export default { name: 'item', components: { List }, props: { value: Object }, data () { return { val: cloneDeep(this.value) } } } </script> Заранее благодарю за любую помощь!
Вот это я сейчас делаю. Дерево из чекбоксов. Тебе компонент зарегистрировать надо в components:{}
Александр
А вообще лучше через vue install это делать
Туся
Друзья, помогите пожалуйста, очень странная проблема Есть 3 компонента - Tree, List и Item Tree ренедирит одни единственный List (в props данные для рекурсивного построения дерева), в List через цикл v-for ренедерятся Item компоненты. В компоненете Item ренеделится List и так далее, т.е. рекурсивно и должна получится вот такая структура <Tree> <List> <Item> <List>(*) <Item> <Item> <Item> <Item> Но ничего не получается и вываливается ошибка Unknown custom element: <list> - did you register the component correctly? For recursive components, make sure to provide the "name" option. Привожу примитивный пример кода который не работае // Tree.vue <template lang="pug"> div list(v-model='data') </template> <script> import List from './List.vue' export default { name: 'tree', components: { List }, data () { return { data: [ { title: 'Foo', childs: [ { title: 'Foo 1', childs: [ { title: 'Foo 1.1', childs: [] }, { title: 'Foo 1.2', childs: [] } ] }, ...// and more ] }, ] } } } </script> и еще // List.vue <template lang="pug"> ul item(v-for='(item, index) in items', v-model='items[index]') </template> <script> import Item from './Item.vue' import {cloneDeep} from 'lodash' export default { name: 'list', components: { Item }, props: { value: Array }, data () { return { items: cloneDeep(this.value) } } } </script> и еще // Item.vue <template lang="pug"> li a(href='#') {{ val.title }} list(v-model='val.childs') </template> <script> import List from './List.vue' import {cloneDeep} from 'lodash' export default { name: 'item', components: { List }, props: { value: Object }, data () { return { val: cloneDeep(this.value) } } } </script> Заранее благодарю за любую помощь!
https://vuejs.org/v2/examples/tree-view.html можно официальный пример из доков глянуть, мб поможет
R
@tuar1sa Компоненты у меня указаны в components, но все равно не работает
Александр
А зачем использовать 3 комплекта для дерева? Можно все в 2 уместить
R
@AXPdev 3-й(Tree) по сути не нужен, он просто для наглядности
Александр
Напиши в ЛС, скину скрины как у меня сейчас
Evgheni
change вроде бы
R
Roman change?
Александр
Input попробуй
Evgheni
да
R
Roman <select @change='handler'> Срабатывает после выбора, только что проверил
Александр
@input="..."
Александр
Там в доке есть метод
Александр
Screenshot (02:50AM, янв. 17, 2018)
Александр
Как правило если надо отслеживать изменения в модели, то это @input
Александр
Тоже от этой либы?
Александр
https://vuetifyjs.com/components/data-tables#example-6
Александр
Там слот есть
R
Не могу победить проблему c 2-мя рекурсивными компонентами, буду признателен если кто-то поможет разобраться в чем проблема. По ссылке очень примитивный код, компонент Tree по факту и не нужен, там он просто что бы отрендерить List и передать данные в props, основная проблема в компонентах List и Item https://gist.github.com/ukrdev/9c7b4ce07f70b5b466f427de6a5da8a8
Alexey
Всем привет. А как лучше организовать получение данных необходимых для старта приложения?
Alexey
Мне нужно чтобы на старте приложения вереулась инфа по пользовотелю.
Alexey
Рест по токену. Но не пойму куда его лучше положить
Alexey
Чтобы крутилочку показать на момент подгрузки данных
Danil
Не могу победить проблему c 2-мя рекурсивными компонентами, буду признателен если кто-то поможет разобраться в чем проблема. По ссылке очень примитивный код, компонент Tree по факту и не нужен, там он просто что бы отрендерить List и передать данные в props, основная проблема в компонентах List и Item https://gist.github.com/ukrdev/9c7b4ce07f70b5b466f427de6a5da8a8
привет, попробуй указывать имя как название подключаемого компонента т.е. импортируешь import List from './List.vue' в name пишешь "List" можешь в этой статье найти про рекурсивный вызов компонента https://medium.com/@modex13/vue-js-2-%D1%81%D0%B1%D0%BE%D1%80%D0%BD%D0%B8%D0%BA-%D0%BC%D0%B5%D0%BB%D0%BA%D0%B8%D1%85-%D1%81%D0%BE%D0%B2%D0%B5%D1%82%D0%BE%D0%B2-6e9897cf3d37
T.A
всем привет, помогите реализвать данное https://jsfiddle.net/4qqLzfv0/2/
T.A
games это входные данные, а teams выходные
T.A
есть лодаш
T.A
не могу понять как лучше сделать
Anonymous
Ребят подскажите пжст как правильно реализовать голосовое оповещения. Хочу записать следующее аудио. (Одной фразой) Пациент номер (отдельно букву)Д (отдельно букву)С (отдельной цифрой)10 (Одной фразой)пройдите в кабинет номер (отдельная цифра)5 В итоге складывается следующие: Пациент номер ДС10 пройдите к окну номер 10 Как мне это видится: Я на бэкенд передаю параметры запроса, на бэкенде делается запрос к базе, там выводятся блобы с нужными буквами/цифрами и отправляется в виде mp3 файла на фронт, там и воспроизводится в свою очередь… Может возможно как то проще реализовать? Или есть какой либо стандартный подход в данной задаче.
T.A
обновил, team_name не нужно делать https://jsfiddle.net/4qqLzfv0/4/
Сергей
не могу понять как лучше сделать
Всегда думал, что это реализуется с помощью прикладного ПО 😊
Nikita
Чтоб бек не посылал тонны звуков на каждый запрос
Stanislav
Вангую, бэк - локалхост, так что не страшно. Другое дело, зачем реализовывать это на клиенте
Nikita
Вангую, бэк - локалхост, так что не страшно. Другое дело, зачем реализовывать это на клиенте
А, тоже логично. Но все же легче заранее загрузить все звуки, а потом воспроизводить по id, нет?
Сергей
легче конечно, зачем базу дергать каждый раз
Nikita
Кстать, а бек не может разве звуки проигрывать?
Сергей
У него может быть и не локалхост. Может он пишет систему с целью продажи и инфа потенциальных клиентов будет хранится централизованно? 😊
Nikita
Я вот чет хз, каким образом?
https://www.npmjs.com/package/play-sound
Сергей
http://phpfaq.ru/newbie/music
Nikita
Не, так локальный проект внутри больницы
Админа заставили писать очередь?
ℝei
https://www.npmjs.com/package/play-sound
Ну про ноду я подумал что можно. там же доступ к фс есть
Stanislav
Не заставили, сам сделал
Nikita
Питон тоже доступ к такому имеет
Nikita
Не заставили, сам сделал
А терминалы будут, или очередь через бабку записывается?
ℝei
Закончил проект
а ты не видел это?
ℝei
Или это здесь уже другую больницу обсуждают?))
Stanislav
А терминалы будут, или очередь через бабку записывается?
Терминалы тоже есть. Вообще, вопросы к () /dev/null 😄
Nikita
а ты не видел это?
Охренеть круто сделано
Nikita
Впечатляет.
Stanislav
Впечатляет.
Кнопочки вывести на экран?)
Nikita
Всю эту херь сделать, повесить и реализовать.
Nikita
И терминал, откуда он и как сделан?
Nikita
Я не знаю как его заменшить
Nikita
Его ник не отображается.