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

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

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

		
	

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

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

		
	

其效果图如下：

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