东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
18
2023/11

d2-crud如何自定義search表單

發(fā)布時(shí)間: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組件中的,比如我們想自定義一個(gè)按鈕,若寫在el-button-group按鈕組中,顯然他只能渲染到下方。如何在search表單中進(jìn)行一些自定義操作呢?

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

改為雙標(biāo)簽

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

插入自定義返回按鈕

完成效果圖

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