кстати, а почему в компоненте может быть только один корневой элемент?
by design 🤷♀️
Demetrio
Armen
вообще не вьехал почему у меня тоже самое не работало :(
Если посмотреть в исходники vue, то можно увидеть, как они делают значения выделенными https://github.com/vuejs/vue/blob/e1657fd7ce49bff3c3ecad3c56ae527347505c34/src/platforms/web/server/directives/model.js
Armen
Т.е. обычный биндинг значения не будет работать, а v-model - будет
Igor
Armen
Alexander
Подскажите с помощью чего можно реализовать много ролей в приложении?
Хотел попробовать vue-acl, но он чет не заработал
Alexander
Вроде все описал в соответствии с example, но открывается только пустая страница, public не работает
Vadim
Кто-то на ts пишет?
Vadim
Как должен выглядить шим для импорта *.vue файлов, чтоб можно было экспортировать что угодно из sfc?
Sunlive
а из коробки не подходит?
Sunlive
declare module '*.vue' {
import Vue from 'vue';
export default Vue;
}
Vadim
Это экспортит только дефолт
Vadim
Только компонент
Vadim
Допустим у меня в компоненте есть места на которые можно перейти по #хешу , я хочу в .vue экспортировать массив доступных хешей
Demetrio
делаю в компоненте`this.$emit('change', value)`, снаружи - v-model.lazy, но ничего не происходит
Demetrio
что делаю не так?
Alex
Потому что всё равно input надо?)
Demetrio
🤔
Demetrio
тогда я не понял смысла .lazy
Alex
На оригинальных инпутах
Demetrio
ага
Demetrio
теперь понятно :(
Alex
На компонентах своё пилить если надо
Vadim
а из коробки не подходит?
//component.vue
export default vue.extend({})
export const hashes = {chapter1: '#c1'}
//file.ts
import component, { hashes } from './component.vue'
Vadim
ts не понимает со стандартным шимом из коробки, откуда взялось hashes
Sunlive
да хуй его знает
Demetrio
На компонентах своё пилить если надо
сделал
model: {
prop: 'value',
event: 'change'
},
- не помогло :(
Sunlive
я ваще еще ниразу из компонента ниче не экспортил впринципе
Demetrio
или это опять не тот change? :(
Alex
сделал
model: {
prop: 'value',
event: 'change'
},
- не помогло :(
В другом смысле делать) обновление модели сразу идёт. Зачем откладывать его?
Demetrio
такая задача 🤷♀️
Demetrio
наверное ручками разведу в :value @change
Alex
Так зачем
Alex
С задержкой сохранение сделать?)
Demetrio
типа того
Alex
Ну так это не на модели, а функцию сохранения надо троттлить
Alex
Или дебаунсить, меня недавно вновь запутали 😄
Demetrio
хехе
Demetrio
дело в том, что компонент, от которого я жду событие лучше знает когда ввод завершен)
Demetrio
чем просто задержка
Alex
Ну так внутри компонента лейзи на оригинальное поле, а в обработчик уже событие сразу
Demetrio
угу
Alex
И на компоненте не будет лейзи
Alex
Задержка будет внутри by design
Demetrio
а как дока вообще различает "оригинальные" input/change и не оригинальные?
Alex
На компонентах всё кастомное. На оригинальных полях похоже пробрасывает нативное сразу
Armen
Чёчё
Alex
Ну эвент у них же и target содержит. А на компоненте только данные что снизу могли передать
Alex
По дефолту, без .native
Armen
а, лол, ок
Никита
Всем привет) какие уроки стоит посмотреть, кроме официальной документации?)
heavycharged
Подскажите, можно ли как-то переключать компоненты на основании значения в объекте. Есть у меня что-то типо странички-калькулятора, и там есть куча свойств (штук 7 компонентов), можно как-то избежать v-if='current == one'><One/>?
heavycharged
подключать компонент лежащий в ключе current объекта data.
Иван
Разве что рендер использовать
heavycharged
о, точно, что-то там видел про кучу v-if и что он решает этот вопрос
heavycharged
пойду почитаю, спасибо
Sunlive
Sunlive
<component :is="currentView"></component>
Иван
Хохо
Иван
Интересный трюк, надо запомнить
Armen
В доках жи описано
Иван
Не, про is я знаю
Иван
Но про применение таким способом чёт не додумался
Иван
И в доках не помню такое
heavycharged
я тоже помню что где-то было, но не мог вспомнить где видел
heavycharged
спасибо
Sunlive
https://ru.vuejs.org/v2/guide/components.html#%D0%94%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B5-%D0%BF%D0%B5%D1%80%D0%B5%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%BE%D0%B2
Aler
Чат, а возвращать значение в actions хранилища это антипаттерн?
Armen
https://vuejs.org/v2/guide/components.html#Dynamic-Components
Иван
Да, нашёл уже
Иван
Прикольно, точно читал, но в памяти не отложилось
Aler
Если мне надо на основе данных в хранилище сделать какое-то действие и вернуть результат
Aler
ну, например, у меня есть crypto модуль в хранилище (vuex)
Aler
в нем хранится private key и мне надо подписать им какое-то сообщение
Aler
можно сделать библиотеку, что работает с этим состоянием, а можно вызвать действие внутри модуля и получить промис возвращающий результат :)
Sunlive
да норм вроде
Sunlive
почему в стейт не записать тогда?
Aler
кто сказал, что нет