vue列表更改ColorPicker

1. element-ui官方网址：Element - The world's most popular Vue UI framework

2. 在列表显示颜色

   <el-table-column label="颜色" align="center" key="color" prop="color" >
       <template slot-scope="scope" >
             <el-color-picker :value="scope.row.color"  
   @change="val => {changeColor(val, scope.row);}"></el-color-picker>
       </template>
   </el-table-column>

3. 加入@change事件，val为颜色选择器的RGB值，scope.row为这一行的数据项（如何传入多个参数链接）https://www.cnblogs.com/skell/p/15788774.html

4. 对应方法

       changeColor(val,row){
         const form = {}
         form.id= row.id;
         form.=val;
         this.$modal.confirm('是否确认更改此背景色？').then(function() {
           return changeImgColor(form)
         }).then(() => {
           this.getList()
           this.$modal.msgSuccess('更改成功')
         }).catch(() => {
         })
   
       }

5. 对应js 

   export function changeImgColor(data) {
     return request({
       url: '/classRoom/paper/changeColor',
       method: 'post',
       data:data
     })
   }