欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue+elementUI中表格高亮或字體顏色改變操作

 更新時間:2020年11月02日 16:19:11   作者:༺༂鑫༒海༂༻  
這篇文章主要介紹了vue+elementUI中表格高亮或字體顏色改變操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

重點的代碼:

:row-style="setRowStyle"這個屬性就是在table標(biāo)簽綁定的

:row-style="setRowStyle"

// 這個方法直接加到methods里就好了,頁面會自動調(diào)用的
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中就是方法的調(diào)用就好了

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

補充知識:vue+element-ui 表單的 el-input 第二次修改時無法輸入

由于新增跟修改用的是同一個彈窗,所以當(dāng)修改提交時,要清空 input 框內(nèi)的值。

提交時不能只把 父對象formData 設(shè)置為空對象。即this.formData = {} 是錯誤的

正確的寫法為

this.formData = {name: '' }

原因:如果把this.formData設(shè)置為空,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中表格高亮或字體顏色改變操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue裝飾器中的vue-property-decorator?和?vux-class使用詳解

    Vue裝飾器中的vue-property-decorator?和?vux-class使用詳解

    這篇文章主要介紹了Vue裝飾器中的vue-property-decorator?和?vux-class使用詳解,通過示例代碼給大家介紹的非常詳細,對vue-property-decorator?和?vux-class的使用感興趣的朋友一起看看吧
    2022-08-08
  • 從0搭建Vue3組件庫如何使用?glup?打包組件庫并實現(xiàn)按需加載

    從0搭建Vue3組件庫如何使用?glup?打包組件庫并實現(xiàn)按需加載

    這篇文章主要介紹了從0搭建Vue3組件庫如何使用?glup?打包組件庫并實現(xiàn)按需加載,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-03-03
  • vue實現(xiàn)移動端彈出鍵盤功能(防止頁面fixed布局錯亂)

    vue實現(xiàn)移動端彈出鍵盤功能(防止頁面fixed布局錯亂)

    這篇文章主要介紹了vue?解決移動端彈出鍵盤導(dǎo)致頁面fixed布局錯亂的問題,通過實例代碼給大家分享解決方案,對vue?移動端彈出鍵盤相關(guān)知識感興趣的朋友一起看看吧
    2022-04-04
  • 解決vue打包后vendor.js文件過大問題

    解決vue打包后vendor.js文件過大問題

    這篇文章主要介紹了解決vue打包后vendor.js文件過大問題,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-07-07
  • vue watch監(jiān)聽變量值的實時變動示例詳解

    vue watch監(jiān)聽變量值的實時變動示例詳解

    這篇文章主要介紹了vue 監(jiān)聽變量值的實時變動 watch,使用字符串形式的偵聽器函數(shù),還有一種是使用函數(shù)形式的偵聽器函數(shù),本文通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-08-08
  • Vue lazyload圖片懶加載實例詳解

    Vue lazyload圖片懶加載實例詳解

    本文通過實例代碼給大家介紹了Vue lazyload圖片懶加載的相關(guān)知識,通過導(dǎo)入配置等操作src/main.jswenj ,代碼簡單易懂,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2021-12-12
  • vue進度條組件實現(xiàn)代碼(可拖拽可點擊)

    vue進度條組件實現(xiàn)代碼(可拖拽可點擊)

    在日常開發(fā)中隨著需求的個性化,邏輯的復(fù)雜化,自定義組件也變得越來越常見,這篇文章主要給大家介紹了關(guān)于vue進度條組件實現(xiàn)(可拖拽可點擊)的相關(guān)資料,需要的朋友可以參考下
    2023-12-12
  • vue使用prop可以渲染但是打印臺報錯的解決方式

    vue使用prop可以渲染但是打印臺報錯的解決方式

    今天小編就為大家分享一篇vue使用prop可以渲染但是打印臺報錯的解決方式,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • 用了這么久的Vue3你真的了解Proxy了嗎

    用了這么久的Vue3你真的了解Proxy了嗎

    Proxy是ES6引入的一個新特性,它允許你創(chuàng)建一個代理對象,用于攔截對目標(biāo)對象的訪問,但用了這么久的vue3,你真的懂Proxy嗎,本文就來和大家深入聊聊Proxy吧
    2023-06-06
  • vue ElementUI實現(xiàn)異步加載樹

    vue ElementUI實現(xiàn)異步加載樹

    這篇文章主要為大家詳細介紹了vue ElementUI實現(xiàn)異步加載樹,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-06-06

最新評論