Vue.jsサンプルコード（09）カラーピッカーã§é¸æŠžã—ãŸè‰²ã‚’å‹•çš„ã«è¡¨ç¤ºã™ã‚‹ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾å‰è¨˜äº‹: 08. 入力ã—ãŸã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’リアルタイムã§ãƒ—レビューã™ã‚‹ 次記事: 10. 色表示ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’スライダã§å‹•çš„ã«å¤‰æ›´ã™ã‚‹ 09. カラーピッカーã§é¸æŠžã—ãŸè‰²ã‚’å‹•çš„ã«è¡¨ç¤ºã™ã‚‹ Vue.jsãƒãƒ¼ã‚¸ãƒ§ãƒ³: 2.5.2 入力フィールドã¨ã‚«ãƒ©ãƒ¼ãƒ”ッカーã®ã©ã¡ã‚‰ã§ã‚‚色を指定ã§ãã¾ã™ã€‚ 入力フィールドã«ã¯6æ¡ã®16進数ã§ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’入力ã§ãã¾ã™ã€‚ 入力フィールドã®ä¸‹ã®è‰²ä»˜ãボックスをクリックã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ãƒ”ッカーãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ カラーピッカーã§è‰²ã‚’é¸æŠžã—ãŸçž¬é–“ã«ã€ãƒœãƒƒã‚¯ã‚¹è‰²ã¨å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«åæ˜ ã•ã‚Œã¾ã™ã€‚ ã“れもåŒæ–¹å‘データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®å¿œç”¨ä¾‹ã§ã™ã€‚以下ã®ã‚ˆã†ã«ä¸¡æ–¹ã®<input>フィールドã§v-model="a"を使ã„ã€åŒã˜å¤‰æ•°ã‚’割り当ã¦ã¦ã„ã‚‹ã ã‘ã§ã™ï¼ˆèªã¿ã‚„ã™ã•ã®ãŸã‚余分ãªè¡Œã‚„属性をå–り除ã„ã¦ã‚ã‚Šã¾ã™ï¼‰ã€‚ <input type="text" v-model="a" /> <inp
Vue.jsサンプルコード（08）入力ã—ãŸã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’リアルタイムã§ãƒ—レビューã™ã‚‹ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
{{#tags}}- {{label}}
{{/tags}}