Mireczki, Jak backendowiec przychodzę z pewnym zapytaniem - nie znam dobrych praktyk. Mam sobie okno modalne (używam Ant Design of Vue) i chciałbym zmieniać zawartość tego okna w zależności od wybrania przez usera odpowiedniej opcji (radio) i kliknięciu "Start". Chciałbym aby ta nowa zawartość zastąpiła poprzednią zawartość w tym samym oknie modalnym (bez odswiezania strony, ani nic).
v-show z if'ami na clicku wydaje mi się dosyć parszywym rozwiązaniem (może jestem w błędzie?). Czytałem coś o funkcji slots, która może na to pozwolić. Dodatkowo na medium znalazłem artykuł, aby zrobić to EventBusem (ale wydaje mi się, że zbyt dużo roboty na tak mały komponent). Jak Wy byście to rozwiązali?
@Przepoczwarzenie: Bez pracy nie ma kolaczy. Poza tym, frontend mnie relaksuje. @luktuc: Dzieki mireczku! To rozwiazuje moj problem. Chcialem wszystko zrobic w jednym komponencie, ale rozbije je na 3 i w jednym bede sterowal co wyswietlac z :is. @LaylaTichy Dziekuje mireczku! Kolega wyzej mi juz pomogl.
O jasny #!$%@?... PIS pomagał przemycać do Europy oligarchów z Rosji i ich bananowe dzieci a co więcej nadawał im obywatelstwo... Brawo, brawo, powinszować! #sejm #ukraina #rosja #wojna #wtf #bekazpisu #polityka
Jak backendowiec przychodzę z pewnym zapytaniem - nie znam dobrych praktyk.
Mam sobie okno modalne (używam Ant Design of Vue) i chciałbym zmieniać zawartość tego okna w zależności od wybrania przez usera odpowiedniej opcji (radio) i kliknięciu "Start".
Chciałbym aby ta nowa zawartość zastąpiła poprzednią zawartość w tym samym oknie modalnym (bez odswiezania strony, ani nic).
v-show
z if'ami na clicku wydaje mi się dosyć parszywym rozwiązaniem (może jestem w błędzie?). Czytałem coś o funkcjislots
, która może na to pozwolić. Dodatkowo na medium znalazłem artykuł, aby zrobić to EventBusem (ale wydaje mi się, że zbyt dużo roboty na tak mały komponent).Jak Wy byście to rozwiązali?
#vuejs #vue
Można to zrobić np tak:
``
pod varWithComponentName masz stringa z nazwą komponentu, a na clicku sobie manipulujesz jego zawartością.
props: {
method: {
type: Function,
required: false
},
enabled: {
type: Boolean,
required: true
}
},
możesz użyć vuex i brać wartrość z niego w computed property jak
isLogged() {
return this.$store.state.session.isLogged;
}
możesz zabrać z parent componentu tak $parent.jakiesvalue tez albo wspomnianym event busem
jakbym uzywał tej wartosci w paru miejscach skusiłbym
@luktuc: Dzieki mireczku! To rozwiazuje moj problem. Chcialem wszystko zrobic w jednym komponencie, ale rozbije je na 3 i w jednym bede sterowal co wyswietlac z
:is
.@LaylaTichy Dziekuje mireczku! Kolega wyzej mi juz pomogl.
Milego weekendu dla Was!