Gridstack.js: Gridstack ΠΈ vueJS

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 24 сСнт. 2017  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: gridstack/gridstack.js

ΠŸΡ€ΠΈΠ²Π΅Ρ‚ !

Π― Ρ…ΠΎΡ‡Ρƒ Π·Π½Π°Ρ‚ΡŒ, Π΅ΡΡ‚ΡŒ Π»ΠΈ способ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту сСтку, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ возмоТности vueJS ...

Из-Π·Π° Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ создаСтся DOM, ΠΏΠΎΡ…ΠΎΠΆΠ΅, Ρ‡Ρ‚ΠΎ я Π½Π΅ ΠΌΠΎΠ³Ρƒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ vue ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°, Π΄Π°ΠΆΠ΅ простая функция javascript Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ распознана ... Она Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с простым HTML, Ρ‡Ρ‚ΠΎ для мСня бСсполСзно ..

Π― Ρ‚Π°ΠΊΠΆΠ΅ пытался ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ v-if, Π½ΠΎ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π±Ρ‹Π»ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹, ΠΎΠ½ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΈ ΡΡ‚Π°Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΏΠ»ΠΈΡ‚ΠΊΡƒ (я Ρ‚Π°ΠΊΠΆΠ΅ пытался ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ makeWidget (el), Π½ΠΎ Ρ‚Ρ‰Π΅Ρ‚Π½ΠΎ). Π’ΠΎ ΠΆΠ΅ самоС, Ссли Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ v-for с массивом.

Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ послСднюю Π²Π΅Ρ€ΡΠΈΡŽ этой сСтки ΠΈ vueJs 2.4.2 с Π²Π΅Π±-ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ

Π”Π°ΠΉΡ‚Π΅ ΠΌΠ½Π΅ Π·Π½Π°Ρ‚ΡŒ, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° другая информация, Π½ΠΎ это Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ясно, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это ΠΎΠ±Ρ‰ΠΈΠΉ вопрос.

Бпасибо!

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

НаконСц-Ρ‚ΠΎ ΠΌΠ½Π΅ это ΡƒΠ΄Π°Π»ΠΎΡΡŒ! Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ этим ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ для ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΠΈΡ…ΡΡ: https://codepen.io/nyoung697/pen/BperoZ

ВсС 3 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

НаконСц-Ρ‚ΠΎ ΠΌΠ½Π΅ это ΡƒΠ΄Π°Π»ΠΎΡΡŒ! Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ этим ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ для ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΠΈΡ…ΡΡ: https://codepen.io/nyoung697/pen/BperoZ

Π― использовал Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄: https://codepen.io/Tropicalista/pen/PmKajR

Π― использовал Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄: https://codepen.io/Tropicalista/pen/PmKajR
Π£ мСня ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с этим ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ
image

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ

Π‘ΠΌΠ΅ΠΆΠ½Ρ‹Π΅ вопросы

bhutiyakishan1 picture bhutiyakishan1  Β·  7ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

starplanet picture starplanet  Β·  4ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

kevinlandsberg picture kevinlandsberg  Β·  5ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

cblokker picture cblokker  Β·  6ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

Metal101 picture Metal101  Β·  4ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ