Element 中颜色选择器返回16进制

ElementUI 中颜色选择器返回16进制

1. element中的颜色选择器返回的是rgb的颜色格式
   
2. 将rgb的格式转为16进制 @active-change='handleChange面板中当前显示的颜色发生改变时触发

   <el-color-picker 
   	v-model="color" 
   	color-format='hex' 
   	@active-change='handleChange'>
   </el-color-picker>
   

3. 先用正则获取到rgb的数值

   handleChange(value) {
       const reg = /[0-9]\d+/g
       const getArr = value.match(reg)
       let hexStr = '#'+((getArr[0] << 16) | (getArr[1]  << 8) | getArr[2] ).toString(16);
       console.log(hexStr)
   }