使用element-ui table組件的篩選功能的一個(gè)小坑
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),云霄企業(yè)網(wǎng)站建設(shè),云霄品牌網(wǎng)站建設(shè),網(wǎng)站定制,云霄網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,云霄網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
使用自定義模板和篩選功能,一開始的代碼
顯示 不顯示 已處理 未處理
然后發(fā)現(xiàn)篩選功能怎么都不能實(shí)現(xiàn),上網(wǎng)查找原因才發(fā)現(xiàn),雖然官網(wǎng)在寫自定義模板的示例代碼時(shí)是這樣的:
{{ scope.row.date }} 姓名: {{ scope.row.name }}
住址: {{ scope.row.address }}
{{ scope.row.name }} 編輯 刪除
就是使用scope代替了prop,就是沒有加上prop。
這就是坑所在地方,element的內(nèi)部使用篩選功能時(shí)應(yīng)該是使用到了prop,所以加上prop之后篩選功能就可以用了:
顯示 不顯示 已處理 未處理
使用elementUi 的table組件的篩選功能記得加prop!!!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。