建站资讯

微信报名表小程序_vue+elementUI中表格高亮或字体颜

作者:admin 发布时间:2021-01-05
vue+elementUI中表格高亮或字体颜色改变操作     作者: 鑫 海   这篇文章主要介绍了vue+elementUI中表格高亮或字体颜色改变操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
 el-table width="100%" :data="gridData" border fit highlight-current-row :header-cell-style="{background:'#199ED8'}" :row- 
 el-table-column label="序号" type="index" /el-table-column 
 /el-table 

js中就是方法的调用就好了

setRowStyle(row) {
 if (row.row.isPart == true) {
 return 'color:blue;'
 },

补充知识:vue+element-ui 表单的 el-input 第二次修改时无法输入

由于新增跟修改用的是同一个弹窗,所以当修改提交时,要清空 input 框内的值。

提交时不能只把 父对象formData 设置为空对象。即this.formData = {} 是错误的

正确的写法为

this.formData = {name: '' }

原因:如果把this.formData设置为空,this.formData.name 就是 undefined,此时就会赋值不上。

 el-form ref="popupContent" :model="formData" :rules="popupContentRules" 
 el-row 
 el-form-item label="姓名" label-width="80px" prop="name" 
 el-input name="name" @keyup.native="judge" v-model="formData.name"/ 
 /el-form-item 
 /el-row 
 /el-form 

以上这篇vue+elementUI中表格高亮或字体颜色改变操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。



收缩