D2-crud框架的search表單如圖所示:
官方已經(jīng)搭建好了,我們只需要更改crud配置來編輯左邊的搜索框即可。
默認(rèn)的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)容。如圖所示:
比如想在重置按鈕后面增加一個返回按鈕: