久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

18
2023/11

d2-crud如何自定義search表單

發(fā)布時間:2023-11-18 16:47:22
發(fā)布者:MaiMai
瀏覽量:
0

        D2-crud框架的search表單如圖所示:

search表單

        官方已經(jīng)搭建好了,我們只需要更改crud配置來編輯左邊的搜索框即可。

        默認(rèn)的DOM結(jié)構(gòu)如圖所示:

search表單的DOM結(jié)構(gòu)

        search表單中的查詢和重置是默認(rèn)在crud-search組件中的,比如我們想自定義一個按鈕,若寫在el-button-group按鈕組中,顯然他只能渲染到下方。如何在search表單中進行一些自定義操作呢?

        經(jīng)過翻閱官網(wǎng)后發(fā)現(xiàn),crud-search組件同時支持單標(biāo)簽和雙標(biāo)簽,所以只需將其改為雙標(biāo)簽并利用插槽,即可自定義search表單的內(nèi)容。如圖所示:

改為雙標(biāo)簽

        比如想在重置按鈕后面增加一個返回按鈕:

插入自定義返回按鈕

完成效果圖

關(guān)鍵詞:
返回列表