[Vue3対応]Vue.jsã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ãªã‚‰ã€ŒVue.Draggableã€ãŒãŠã™ã™ã‚ | ã‚«ãƒã®æ¨¹Vue.Draggableã¯ã€Vue.js製ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—コンãƒãƒ¼ãƒˆãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ ç¾å˜ã™ã‚‹Vue.js製ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ライブラリã¨ã—ã¦ã¯ã€æœ€å¤§ã®äººæ°—を誇りã¾ã™ã€‚ コンパイルを必è¦ã¨ã—ãªã„UMD用ã®JSファイルãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€jQueryã‹ã‚‰ã®åˆ‡ã‚Šæ›¿ãˆã‚‚容易ã«è¡Œã†äº‹ãŒå¯èƒ½ã§ã™ã€‚ å˜ç´”ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã®æ©Ÿèƒ½ãŒæ¬²ã—ã‘ã‚Œã°ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリをé¸ã‚“ã§ãŠã‘ã°å•é¡Œç„¡ã„ã¯ãšã§ã™ã€‚ 主ãªä½¿ç”¨ç”¨é€”ã®ä¸¦ã³é †ã‚’変更ã™ã‚‹ã®ã¯ã‚‚ã¡ã‚ã‚“ã€è¤‡æ•°ã®ã‚¨ãƒªã‚¢ã‚’移動ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã•ã‚‰ã«ã‚¹ãƒžãƒ›ã«ã‚‚対応ã—ã¦ãŠã‚Šã€ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã«ã‚ˆã‚‹ç§»å‹•ã‚‚å¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 基本的ãªä½¿ã„æ–¹ã€ã¡ã‚‡ã£ã¨ã—ãŸå¿œç”¨ãªã©ã‚³ãƒ”ペã§1分ã®ã‚µãƒ³ãƒ—ルを公開ã—ã¦ã„ã¾ã™ã€‚ The post [Vue3対応]Vue.jsã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ãªã‚‰ã€ŒVue.Draggableã€ãŒãŠã™ã™ã‚ first appeared on ã‚«ãƒã®æ¨¹.
![[Vue3対応]Vue.jsã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ãªã‚‰ã€ŒVue.Draggableã€ãŒãŠã™ã™ã‚ | ã‚«ãƒã®æ¨¹](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d638f4ac09e6e984bef11328422794421895813/height=288;version=1;width=512/https%3A%2F%2Fwww.kabanoki.net%2Fwp-content%2Fuploads%2F2017%2F11%2Fvue.dragable_main.png)
CSS Gridã§å®Ÿè£…ã™ã‚‹ã¨ç°¡å˜ï¼ コンテンツã¯ä¸å¤®é…ç½®ã€æœ€å¤§å¹…・全幅・ã¡ã‚‡ã„広ã‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実装ã§ãるテンプレート
{{#tags}}- {{label}}
{{/tags}}