Atrybuty class i style w Vue.js

[type-of-web-komentarze[bot]]

Atrybuty class i style w Vue.js

Czym dla mnie jest Vue.js? To przede wszystkim genialne "developer experience", czyli taki UX, ale w odniesieniu do wygody korzystania z narzędzia przydatnego w pracy programisty. Świetnym tego przykładem jest fakt, że Vue traktuje inaczej dwa atrybuty html - class i style - sprawiając, że korzystanie z tego frameworka jest…

https://typeofweb.com/atrybuty-class-i-style-w-vue-js

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	vbert		2019-01-04 11:27

Hejka.
Ostatni przykład w rozdziale "Dynamiczne classy", generuje taki efekt: https://screenshots.firefox.com/dAHH5kQJL6RdNU85/localhost
Dlaczego?
(Detected Vue 2.5.17)

Załączam zrzut źródła, gdyż przy wstawianiu tekstu "znikał" znacznik "p" zawierający "Element, który ma je wszystkie!" ...

https://uploads.disquscdn.com/images/3ea5e378086a02d1824b909c682eb95c542011457454fa52146b2cf7aafa574b.png

 
 

Komentarz zaimportowany z WordPressa

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	wojtiku		2019-09-19 17:54

Zapomniałeś o cudzysłowiu wokół zawartości :class. Jak go dodasz, będzie okej :).

 
 

Komentarz zaimportowany z WordPressa

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	Dominik Szczepaniak	https://devszczepaniak.pl	2019-01-04 11:27

Hej!
Z jakiego rozwiązania korzystasz do pokazywania fragmentów kodu w artykułach?
Pozdrawiam!

 
 

Komentarz zaimportowany z WordPressa

[typeofweb]

Gravatar	Imię	Adres	Data
	Michał z typeofweb.com	https://typeofweb.com	2019-09-19 17:54

Z http://Prismjs.com :)

 
 

Komentarz zaimportowany z WordPressa

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	Naurs Ivanowski		2019-01-04 11:27

https://codepen.io/naurs/pen/qyKvzy oto zadanie z RGB ;v

 
 

Komentarz zaimportowany z WordPressa

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	Miłosz	http://ml-design.com.pl	2019-01-21 09:12

Cześć,
chciałem zoptymalizować kod i zrobić inputy w pętli.
Napotkałem jednak dwa problemy:

1. Inputs w js jako obiekt a nie tablica

https://codepen.io/milyl/pen/OdLpZO
Gdy przedstawiłem moje inputy jako obiekt
inputs: {
red: 125,
green: 0,
blue: 255
}
wtedy w konsoli vue informuje że nie mogę odwoływać się wewnątrz v-for do v-model. Pytanie jak to zrobić, gdybym uparł się na zapis inputs jako obiekt?

2. Gdy zrobiłem tablicę z obiektami to działa, ale nie wiem jak zbudować kolor dla :style="{backgroundColor: rgb(???)}"
https://codepen.io/milyl/pen/qgWRQv

Pomocy :)

 
 

Komentarz zaimportowany z WordPressa

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	wojtiku		2019-02-03 07:36

Nie chcę Ci psuć zabawy więc tylko podpowiem:

1. Pamiętaj, że do pól obiektu możesz odwołać się za pomocą notacji tablicowej. Np. obiekt["pole"].
2. Wartość backgroundColor powinna być po prostu złożona w całość jako string.

 
 

Komentarz zaimportowany z WordPressa

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	Guen Guenhwyvar		2019-05-15 16:02

Cześć! Ciągle brakuje tych 'ciapek' w przykładowym kodzie. Pozdrawiam.

 
 

Komentarz zaimportowany z WordPressa

[type-of-web-komentarze[bot]]

Gravatar	Imię	Adres	Data
	wojtiku		2019-05-15 16:21

Poprawione. Dzięki!

 
 

Komentarz zaimportowany z WordPressa