iview是乙個封裝的比較好的vue元件，所以當我們需要去修改其中部分元件的樣式時，就沒有修改普通css那麼容易了，但我們還是有方法去修改的，下面列出一種解決修改樣式問題的方案，親測有效。
對於樣式的修改我們要用到的是table元件api中的兩個重要函式：render，renderheader，具體這兩個函式的作用是什麼我再次就不敘述了，不了解的可以官網上去看。iview中table元件api官網鏈結
下面先附上**，通過**來講解。
columns: [
}, "標題");
},render: (h, params) =>
}, params.row.key
);}}, ]
接下來我們在介紹一下render函式，這個函式是table元件用來渲染**內容的函式，它也是有三個引數，"span"表示內容的html屬性，"style"就是我們需要對內容去做樣式的修改了，第三個引數就是當前標題下的內容了，這裡需要注意的是"params.row"後面的"key"值，必須是上面我們宣告的key。
總結一下，這兩個函式是乙個很好的東西，對我們解決其他問題也有一定的幫助，如果你對vue的render函式不是很懂的話，請盡快去了解vue render函式相關知識，這在你以後的開發中很有幫助。
吐槽！iview的table元件
為什麼要吐槽iview的table元件呢？首先iview的table的使用體驗十分的不友好，每次修改資料都會重刷整個 效能極差，因為重刷 會導致自動失焦等問題！vue不是有diff演算法嗎？重刷 資料沒有發生變化部分是不會重新渲染的，效能為什麼會差呢？是的，diff演算法是可以優化vnode的渲染問...
獲取iview中表單元件Table的選中資料
背景 在做某系統的審批中心時，新增了審批訊息一鍵已讀和刪除功能，用iview的表單元件 table實現訊息列表展示，效果如下圖所示 在實現一鍵已讀或一鍵刪除時需要獲取當前訊息列表中所有選中項，通過與服務端api互動來改變訊息狀態或刪除訊息。iview官方文件僅提供單選 全選或者選中項發生變化時的監聽...
iview中table的title自定義換行
iview專案中遇到這類問題，table的title過長，如果自動換行，顯示效果不佳。於是經查詢，找到解決方案。table的column中會有type屬性，列型別，可選值為 index selection expand html。換行肯定會使用 所以type肯定為html，才能識別 又在網上找到re...