M
Но я не верю, что вам не завезли что-то аля роутер.пуш
Size: a a a
2020 July 06
EN
Misha
Но я не верю, что вам не завезли что-то аля роутер.пуш
Спасибо!
Завезли. Однако хотелось не сохранять переход в историю навигации
Завезли. Однако хотелось не сохранять переход в историю навигации
AV
El Nasurov
Нет ли в vue-router возможности изменять параметр урла напрямую без изменения всей строки урла ?
Ведь не очень хорошо при каждом малейшем изменении раута деструктурировать объект для изменения лишь одного параметра..
Или же это не страшно ввиду небольшой длины урла ?
Ведь не очень хорошо при каждом малейшем изменении раута деструктурировать объект для изменения лишь одного параметра..
this.$router.replace({
query: { ...this.$route.query, query: yourValue },
});Или же это не страшно ввиду небольшой длины урла ?
Во, я тут как раз с похожей хренью столкнулся и задумался. (Background: Java и эксперт в тестировании).
Тут я бы даже не моргнул, если бы мне только один раз деструктурировать нужно было. А вот как вам такое, Илон Маск?
Тут я бы даже не моргнул, если бы мне только один раз деструктурировать нужно было. А вот как вам такое, Илон Маск?
mockState={
offer: {
vsu: 38000,
options: {
cycleTheft: {
check: false,
amount: 1,
}
}
}
mockStateAmount200={
...mockState,
offer: {
...mockState.offer,
options: {
...mockState.offer.options,
cycleTheft:{
...mockState.offer.options.cycleTheft,
amount : 200 // наконец-то!
}
}
}
}IK
Во, я тут как раз с похожей хренью столкнулся и задумался. (Background: Java и эксперт в тестировании).
Тут я бы даже не моргнул, если бы мне только один раз деструктурировать нужно было. А вот как вам такое, Илон Маск?
Тут я бы даже не моргнул, если бы мне только один раз деструктурировать нужно было. А вот как вам такое, Илон Маск?
mockState={
offer: {
vsu: 38000,
options: {
cycleTheft: {
check: false,
amount: 1,
}
}
}
mockStateAmount200={
...mockState,
offer: {
...mockState.offer,
options: {
...mockState.offer.options,
cycleTheft:{
...mockState.offer.options.cycleTheft,
amount : 200 // наконец-то!
}
}
}
}про это уже есть пропозал в язык )
IK
а пока можете спокойно взять любую библиотеку, решающую вашу проблему
AV
Умные ребята подсказали как минимум 2 изящных вариантов решения - (один через deepCopy: any), другой еще короче
IK
const mockState200 = produce(mockState, draftState => {
draftState.offer.options.cycleTheft.amount = 200;
});IK
это с immer для примера
AV
type DeepWriteable<T> = { -readonly [P in keyof T]: DeepWriteable<T[P]> };
mockStateAmount200=mockState as DeepWriteable<Something>;
mockStateAmount200.offer.options.cycleTheft.amount=200;AV
const mockState200 = produce(mockState, draftState => {
draftState.offer.options.cycleTheft.amount = 200;
});о, мерси immer - библиотека, да?
IK
AV
type DeepWriteable<T> = { -readonly [P in keyof T]: DeepWriteable<T[P]> };
mockStateAmount200=mockState as DeepWriteable<Something>;
mockStateAmount200.offer.options.cycleTheft.amount=200;Код такого типа не оскорбит настоящего JS-ера? 🙂
IK
ну во-первых это тайпскрипт
IK
во-вторых вы только что разрушили объект mockState
AV
он тоже поменяется?!
IK
конечно
IK
как и во всех языках объекты передаются по ссылке
AV
о, тогда так плохо
AV
function deepCopy<T extends object>(source: T): any {
return JSON.parse(JSON.stringify(source))
}А вот так?
AV
mock200=deepCopy(mockState)