@leshgan тогда тебе надо мержить пришедшее с бека с уже имеющимся стейтом. Как это делать - вопрос глубокий, философский, тебе самому надо принять решение.
Спасибо, камрад! Два чая этому господину!
Alexey
Anonymous
Скажите а как во vie js получить элемент на котором кликнули ? в js это делается $(document).click(function(event) {
var text = $(event.target).text();
}); а тут как ?
kuanysh anuarkhanov
в js?
Anonymous
во vue.js
Андрей
@click=“”
kuanysh anuarkhanov
введи в оф доке $event
kuanysh anuarkhanov
выйдет api
kuanysh anuarkhanov
все подробно описано, попробуй
Anonymous
вот тут написал в тэмплэйте <button class="ui button" style="width: 400px" @click="editRow(function(event))"><i class="fa fa-edit"></i> Edit</button>&nbsp;&nbsp; дальше сама функция <button class="ui button" style="width: 400px" @click="editRow(function(event))"><i class="fa fa-edit"></i> Edit</button>&nbsp;&nbsp; вроде все правильно
Евгений
flow ещё на webpack-овский проект не научили без боли ставить?
Tim
Ребят привет. Перебираю уже час vue обертки с гитхаба к tinymce, все глючное. У кого нибудь есть чтото на примете рабочее?
Kirill
Хз, у меня все работает
Kirill
Но конкретное название не помню
Kirill
Дома посмотрю
Жалгас
Всем привет, такая проблема, роутер сохраняет позицию скролла, не перематывает наверх при переходе на другие страницы, с чего бы могло быть?
let router = new Router({
mode: 'history',
// ...
scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 }
}
})
Alexey
Ребят, вот как можно на пустом месте потерять реактивность?
Компонента в компоненте. Объявляю:
data () {
return {
showOptions: false
}
},
methods: {
register () {
this.showOptions = true
}
}
Кнопка:
<a @click.prevent="register" href="#">Оформить</a>
wtf?
Nikita
в песочнице пример сделай
Nikita
https://codesandbox.io/s/vue
Rafael 🌵
Ребят, вот как можно на пустом месте потерять реактивность?
Компонента в компоненте. Объявляю:
data () {
return {
showOptions: false
}
},
methods: {
register () {
this.showOptions = true
}
}
Кнопка:
<a @click.prevent="register" href="#">Оформить</a>
wtf?
тут все нормально с реактивностью
Alexey
тут все нормально с реактивностью
это всё продолжение утреннего вопроса. ТОгда я думал, что не так объекту добавляю свойства. Но по вашим рекомендациям не помогло. Тогда я решил напрямую в компоненте сделать опцию и вот снова. Получается что-то не так с самой компонентой
Nikita
ты пример в песочнице сделай то
Alexey
ты пример в песочнице сделай то
у меня компоненты в компонентах, понамешано. Если я такой пример как выше создам в песочнице, он 100% будет реактивный. Вряд ли я смогу воспроизвести такое же. Тут вопрос в том, сталкивался ли кто-нибудь с потерей реактивности даже вот в таких случаях
Nikita
у момента ктоь-нить знает библу которая сможет duration преобразовывать в читаемое "3 дня, 4 часа, 10 минут" ?
Flexo
http://jsfiddle.net/fhdd8/814/
Попробуй по аналогии сделать
Flexo
Хотя, наверное не в тему совет))
Alexey
Что за странность с реактивностью? Девтулз показывают, что переменная не меняется, но стоит только добавить использование переменной в шаблоне, например <pre>{{showOptions}}<pre> как сразу она становится реактивной
Flexo
У меня такая же ерунда с реактивностью была))
Завтра
у момента ктоь-нить знает библу которая сможет duration преобразовывать в читаемое "3 дня, 4 часа, 10 минут" ?
Бля, я не могу ща посмотреть, но я юзал
Moment-precise кажется
Flexo
Спустя время решил что это мои кривые руки по первости виной были))
Nikita
спасибо, сейчас, только что наткнулся
Завтра
Moment-precise-range вот
Завтра
Все через это прошли 😂
Завтра
Ничего, скоро прокси придёт и не будет проблем
Rafael 🌵
Ничего, скоро прокси придёт и не будет проблем
И мы будем учиться, как обходить реактивность
Rafael 🌵
Собственно это то, чем я сейчас занимаюсь
Nikita
хе-хе
Завтра
А что
Rafael 🌵
Данные приходят с сервера и я хочу сохранять их внутри компоненты
Rafael 🌵
Но мне не нужна реактивность
Завтра
Ню
Завтра
$options брат
Завтра
А, изначально данных же нет
$options + $forceUpdate, я думаю, можно
Nikita
типо закинуть в объект данные, но обращаться через $options?
Nikita
и реактивности не будет?
Stanislav
Данные приходят с сервера и я хочу сохранять их внутри компоненты
set(val) {
this._myData = val
}
Stanislav
у компьютеда
Rafael 🌵
Я пока видел 2 идеи:
1) функция фабрика данных
2) Object.freeze
Stanislav
_myData это в дате же будет? А значит будет реактвность
_myData будет в инстансе компонента
Stanislav
Не будет там реактивности
Pavel
Пацыки, вссем привки. Трансформиоровал кто-нб фонт-сайз из пикселей в vw?
Stanislav
Просто в this компонента создается поле
Stanislav
export default {}
Stanislav
блин
Rafael 🌵
потому что добавлять поля - это плохо
Rafael 🌵
не, на самом деле вы мне подкинули одну идею, как это можно сделать
Rafael 🌵
через миксин + $options + beforeCreate
Stanislav
export default {
computed: {
paymentsData: {
get() {
return (!this.loading.payments) ? this._paymentsData : [];
},
set(val) {
this._paymentsData = val;
},
},
}
}
Rafael 🌵
export default {
computed: {
paymentsData: {
get() {
return (!this.loading.payments) ? this._paymentsData : [];
},
set(val) {
this._paymentsData = val;
},
},
}
}
ты сразу варн отхватишь, за то что в рантайме что-то добавлятешь в this
Stanislav
С чего бы?
Stanislav
И как это vue отследит?
Rafael 🌵
давай посмотрим это в исходниках
Stanislav
Это eslint может ругаться. У меня в airbnb ругается на подчеркивание, мол, не надо называть так поля
Rafael 🌵
Что там смотреть?
https://github.com/vuejs/vue/blob/4459b87de902cf3ba496a104304ca80d1c9824c1/src/core/observer/index.js#L206
Rafael 🌵
вот в beforeCreate ты еще можешь что-то подмешать в компоненту
Stanislav
"Избегайте добавления реактивных пропертей"
Rafael 🌵
например vuelidate так делает
Nikita
@kelin2025 я не могу завести этот плагин, как ты его импортировал?
Rafael 🌵
https://github.com/monterail/vuelidate/blob/master/src/index.js#L448