Vue自定义指令-div根据输入框输入的颜色变化背景色

今天利用Vue自定义指令-做个div根据输入框输入的颜色变化背景色的效果图，注意的是，输入的颜色只针对英语和16进制的颜色，输入中文无效。代码奉上：

请输入颜色(英语单词)：

第二种自定义指令写法如下：

请输入颜色(英语单词)：

其效果图如下：

今天的分享到此，笑口常开，好彩自然来，今天是元气满满的一天，加油！