Artur
Подскажите в какую сторону смотреть, чтобы сделать следующее:
Есть 2 компонента, один с формой, другой просто текст. Между компонентами можно переключаться, используя <router-link :to="...">
Как сохранить состояние формы при навигации между двума компонентами?
Artur
без vuex можно?
Nikita
cохрани в родители
Nikita
сохрани в $root
Stanislav
Nikita
сохрани в querystring
Nikita
Nikita
в каких вообще ситуациях его юзать
Artur
спасибо!)
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
Stanislav
Александр
Друзья, помогите пожалуйста, очень странная проблема
Есть 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
Чтобы крутилочку показать на момент подгрузки данных
Alexander
Nikita
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
Nikita
Nikita
Nikita
Чтоб бек не посылал тонны звуков на каждый запрос
Nikita
Stanislav
Вангую, бэк - локалхост, так что не страшно. Другое дело, зачем реализовывать это на клиенте
Сергей
легче конечно, зачем базу дергать каждый раз
Nikita
Кстать, а бек не может разве звуки проигрывать?
Сергей
У него может быть и не локалхост. Может он пишет систему с целью продажи и инфа потенциальных клиентов будет хранится централизованно? 😊
ℝei
Сергей
http://phpfaq.ru/newbie/music
Stanislav
Nikita
Stanislav
Не заставили, сам сделал
Nikita
Nikita
Питон тоже доступ к такому имеет
ℝei
ℝei
Или это здесь уже другую больницу обсуждают?))
Stanislav
Nikita
Впечатляет.
Nikita
Всю эту херь сделать, повесить и реализовать.
Nikita
И терминал, откуда он и как сделан?
Nikita
Я не знаю как его заменшить
Nikita
Его ник не отображается.