鍍金池/ 問(wèn)答/C  HTML/ 請(qǐng)教一下element ui 的 table組件 如何使指定的多個(gè)按鈕隱藏或顯示

請(qǐng)教一下element ui 的 table組件 如何使指定的多個(gè)按鈕隱藏或顯示

是這樣的，一個(gè)頁(yè)面 table 默認(rèn)需要寫(xiě)死前三個(gè)行的內(nèi)容 也不能編輯 當(dāng)然 按鈕也需要隱藏

clipboard.png

clipboard.png

之前參考大佬們的代碼 百度了一下 ，用三元表達(dá)式只隱藏了一個(gè)
可能是因?yàn)閖s還不是太熟吧，很尷尬。半天想不出來(lái)思路
需要將id 1, 2, 3后的按鈕隱藏 或者替換為字符串'-' （能替換當(dāng)然最好。。）
請(qǐng)教一下該怎么寫(xiě) 謝謝大佬們了。
再求下學(xué)習(xí)JS的一些資料 書(shū) 或者視頻教程吧，感覺(jué)js這方面才是重點(diǎn) 得當(dāng)成重點(diǎn)學(xué) 還是js太菜。。

回答
編輯回答
空痕

鏈接描述在 v-for 塊中，我們擁有對(duì)父作用域?qū)傩缘耐耆L問(wèn)權(quán)限。v-for 還支持一個(gè)可選的第二個(gè)參數(shù)為當(dāng)前項(xiàng)的索引。
v-for="(item, index)" v-if="index < 3"

2017年2月14日 03:35
編輯回答
笨小蛋

clipboard.png

好吧怎么沒(méi)想到呢，，，直接一個(gè)v-if(scope.$index < 3 ? false : true) 就完事了。。

2018年2月28日 16:49
編輯回答
艷骨

如果我沒(méi)看錯(cuò)的話
你是想隱藏前三個(gè)的按鈕
那么 v-for="(item, index) in data" data是你的數(shù)據(jù)
v-if="index < 3" 這樣就可以隱藏
同理id來(lái)判斷也是一樣 v-if="scope.row.id <= 3"
隱藏哪個(gè)按鈕就放哪個(gè)按鈕
全部都要隱藏就放父級(jí)

2017年5月22日 09:05
編輯回答
悶油瓶

既然是固定前三項(xiàng)了，那么通過(guò)索引scope.$index來(lái)進(jìn)行判斷按鈕的顯示和隱藏不是更好嗎。

2017年10月11日 05:32