vue+elementUI中表格高亮或字体颜色改变操作

更新时间：2020年11月02日 16:19:11 作者：༺༂鑫༒海༂༻

这篇文章主要介绍了vue+elementUI中表格高亮或字体颜色改变操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

重点的代码：

:row-style="setRowStyle"这个属性就是在table标签绑定的

:row-style="setRowStyle"

// 这个方法直接加到methods里就好了，页面会自动调用的
setRowStyle(row) {
   if (row.row.isPart == true) {
    return 'color:blue;'
   }
  },

具体代码：

hmtl

<el-table width="100%" :data="gridData" border fit highlight-current-row :header-cell-style="{background:'#199ED8'}" :row-style="setRowStyle">
 <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中表格高亮或字体颜色改变操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue装饰器中的vue-property-decorator 和 vux-class使用详解
这篇文章主要介绍了Vue装饰器中的vue-property-decorator 和 vux-class使用详解,通过示例代码给大家介绍的非常详细，对vue-property-decorator 和 vux-class的使用感兴趣的朋友一起看看吧
2022-08-08
从0搭建Vue3组件库如何使用 glup 打包组件库并实现按需加载
这篇文章主要介绍了从0搭建Vue3组件库如何使用 glup 打包组件库并实现按需加载，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-03-03
vue实现移动端弹出键盘功能(防止页面fixed布局错乱)
这篇文章主要介绍了vue 解决移动端弹出键盘导致页面fixed布局错乱的问题,通过实例代码给大家分享解决方案，对vue 移动端弹出键盘相关知识感兴趣的朋友一起看看吧
2022-04-04
解决vue打包后vendor.js文件过大问题
这篇文章主要介绍了解决vue打包后vendor.js文件过大问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-07-07
vue watch监听变量值的实时变动示例详解
这篇文章主要介绍了vue 监听变量值的实时变动 watch,使用字符串形式的侦听器函数,还有一种是使用函数形式的侦听器函数,本文通过示例代码介绍的非常详细,需要的朋友可以参考下
2023-08-08
Vue lazyload图片懒加载实例详解
本文通过实例代码给大家介绍了Vue lazyload图片懒加载的相关知识，通过导入配置等操作src/main.jswenj ,代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
2021-12-12
vue进度条组件实现代码(可拖拽可点击)
在日常开发中随着需求的个性化,逻辑的复杂化,自定义组件也变得越来越常见,这篇文章主要给大家介绍了关于vue进度条组件实现(可拖拽可点击)的相关资料,需要的朋友可以参考下
2023-12-12
vue使用prop可以渲染但是打印台报错的解决方式
今天小编就为大家分享一篇vue使用prop可以渲染但是打印台报错的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
用了这么久的Vue3你真的了解Proxy了吗
Proxy是ES6引入的一个新特性，它允许你创建一个代理对象，用于拦截对目标对象的访问，但用了这么久的vue3，你真的懂Proxy吗，本文就来和大家深入聊聊Proxy吧
2023-06-06
vue ElementUI实现异步加载树
这篇文章主要为大家详细介绍了vue ElementUI实现异步加载树，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06

vue+elementUI中表格高亮或字体颜色改变操作

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具