新聞中心
小編給大家分享一下js中element-ui組件庫(kù)怎么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
項(xiàng)目中使用到element-ui組件庫(kù),經(jīng)常需要操作表格,編輯樣式的過(guò)程中遇到一些問(wèn)題,官網(wǎng)針對(duì)table給出了很多的api,自己可以自定義,基本能滿足產(chǎn)品需求,但是沒(méi)有給出具體的案例,網(wǎng)上的資料也比較簡(jiǎn)略,這里簡(jiǎn)單整理下一些常用的操作,如果有類似的功能可以做一個(gè)參考。
javascriptelementui的表格可以操縱到td級(jí)別的css嗎
自定義列的內(nèi)容
需求:在表格最后一欄添加操作按鈕
image
通過(guò)slot-scope="scope"添加操作按鈕,這是專門為我們提供的插槽,方便自定義添加不同的內(nèi)容。
elementtd操作代碼
scope.$index獲取當(dāng)前行下標(biāo)
添加進(jìn)來(lái)的操作按鈕可以通過(guò)scope.$index可以獲取當(dāng)前行對(duì)應(yīng)的下標(biāo)
根據(jù)下標(biāo)可以對(duì)指定某一行進(jìn)行操作
image
scope.row獲取當(dāng)前屬性值
通過(guò)scope.row.屬性名可以獲取當(dāng)前行對(duì)應(yīng)的屬性值
以上是“js中element-ui組件庫(kù)怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章標(biāo)題:js中element-ui組件庫(kù)怎么用-創(chuàng)新互聯(lián)
本文地址:http://fisionsoft.com.cn/article/dpsogh.html