博客 / 列表

放飛的雲 - vue 甘特圖 vxe-gantt 自定義任務條插槽模板的用法

vue 甘特圖 vxe-gantt 自定義任務條插槽模板的用法 https://gantt.vxeui.com 過設置 taskBar 插槽來自定義模板 template div vxe-gantt v-bind="ganttOptions" template #task-bar-overview="{ row }" div class="custom-t

Vue , 前端

放飛的雲 - vue甘特圖 vxe-gantt 如何將子任務顯示一行在父級中,父級行內渲染顯示子任務的用法

vue甘特圖 vxe-gantt 如何將子任務顯示一行在父級中,父級行內渲染顯示子任務的用法,行內展示子任務由 task-bar-subview-config 和父級任務設置type= VxeGanttTaskType.Subview 來啓用。啓用後會將所有子任務渲染到父級任務中,可以直觀的看到任務全程進度, task-bar-subview-config.showOverview 設置是否任務總

前端

放飛的雲 - vue表單vxe-form如何多字段聯動校驗,對一個控件校驗多個關聯字段

vue表單vxe-form如何多字段聯動校驗,對一個控件校驗多個關聯字段。正常的表單場景是一個控件一個字段,那麼配置起來非常任意,一個字段對應一個校驗規則。當時某些複雜場景就不一樣了,比如用户控件,有id/code/role等。比如範圍日期選擇,一個控件是對應2個字段的,開始日期和結束日期。這個時候就可以使用 rule 規則中 to 屬性來指定複雜的多字段校驗。 https://vxetable.

前端

放飛的雲 - vue 表格 vxe-table 如何設置列默認不顯示,用户可以手動通過工具欄設置顯示

vue 表格 vxe-table 如何設置列默認不顯示,用户可以手動通過工具欄設置顯示。實現該方式非常簡單,可以通過列的 visible 屬性設置為默認不顯示,然後用户可以在工具欄的自定義列裏面勾選顯示或隱藏。自定義方式就很方便了。 https://vxetable.cn 通過設置 toolbar-config.custom 啓用列個性化設置功能,然後將列的 visible=false 設置為默

前端

放飛的雲 - vue2 表格如何使用 vxe-table 帶列頭複製單元格內容同步到 excel 中

vue2 表格如何使用 vxe-table 帶列頭複製單元格內容同步到 excel 中,vxe-table 本身是支持該功能的,通過設置 clip-config.isCopyHeader 啓用複製時帶列頭信息。 https://vxetable.cn 複製粘貼,通過 keyboard-config.isClip 啓用,複製帶列頭功能 clip-config.isCopyHeader 啓用 tem

前端

放飛的雲 - vue表格 vxe-table 如何實現鍵盤導航時,按回車健向右移動,併到最後一行時按回車自動新增一行

vue表格 vxe-table 如何實現鍵盤導航時,按回車健向右移動,併到最後一行時按回車自動新增一行,表格組件本身支持按回車鍵自動新增行/按 Tab 鍵自動的新增行,通過以下參數開啓就可以了。 https://vxetable.cn 按 Tab 鍵在最後一行tab鍵自動新增一行 通過 keyboard-config.isLastTabAppendRow 設置當活動單元格處於最後一行時,按Tab鍵

前端