antd框架下的checkbox可用属性和方法较少,尤其是,有时候使用起来不如v-for+方便。 这次项目的某个页面中在它身上花的时间比较多,记下来当做经验。 官方用法: const plainOptions=['Apple','Pear','Orange']; 我的代码(精简写法,不完整): 流程:接口获取到值,赋给多选框,使其依次展示并可选用。
v-model 改成 v-model:checked 的组件有: CheckableTag、Checkbox、Switch v-model 改成 v-model:value 的组件有: Radio、Mentions、CheckboxGroup、Rate、DatePicker、Select v-model 改成 v-model:visible 的组件有: Tag、Popconfirm、Popove、Tooltip、Moda、Dropdown ...
-- 表格标题插槽 --> <template #tableTitle> <Icon :icon="getTitle.icon" class="m-1 pr-1" /> {{ getTitle.value }} </template> <!-- 表格右侧按钮插槽,其中 v-auth 是按钮权限控制 --> <template #toolbar> <Icon icon="i-fluent:add-12-filled" /> {{ t('新增') }} </te...
自定义渲染列·ApiRadioGroup和ApiCheckbox 视频课 4分26秒 66 行操作·初探 视频课 9分3秒 67 行操作·删除 视频课 7分6秒 68 grid对象简单说明 视频课 8分41秒 69 行操作按钮权限 视频课 7分32秒 70 TableAction组件 视频课 10分35秒 71 TableAction组件权限码 视频课 3分31秒 72 TableAction组件下...
官方文档,ProTable 最大的好处就是它集成了表格的查询条件和分页配置。只需要配置表格列就可以自动生成对应的查询 form。除此之外它提供的插槽和细节小功能用起来也十分舒服。 1、基础流程 先来简单介绍一下基本的使用,主要就是两部分:表格列配置、查询请求,最后把他俩塞给 ProTable 就完事了: ...
<draggable v-model="dataList.data" item-key="id" animation="300" handle=".ele-tool-column-handle" @change="onColumnSortChange"> <template #item="{ element, index }">
v-model 改成 v-model:checked 的组件有: CheckableTag、Checkbox、Switch v-model 改成 v-model:value 的组件有: Radio、Mentions、CheckboxGroup、Rate、DatePicker、Select v-model 改成 v-model:visible 的组件有: Tag、Popconfirm、Popove、Tooltip、Moda、Dropdown ...
自定义渲染列·ApiRadioGroup和ApiCheckbox 视频课 4分26秒 66 行操作·初探 视频课 9分3秒 67 行操作·删除 视频课 7分6秒 68 grid对象简单说明 视频课 8分41秒 69 行操作按钮权限 视频课 7分32秒 70 TableAction组件 视频课 10分35秒 71 TableAction组件权限码 视频课 3分31秒 72 TableAction组件下...
{label: t('下拉框'),field:'testSelect',component:'Select',// 选择框还有 RadioGroup、CheckboxGroupcomponentProps: {dictType:'sys_menu_type',// 下拉框选项数据(支持直接指定字典类型)allowClear:true,// 启用空选项,可清空选择mode:'multiple',// 下拉框模块,启用多选}, ...
自定义渲染列·ApiRadioGroup和ApiCheckbox 视频课 4分26秒 66 行操作·初探 视频课 9分3秒 67 行操作·删除 视频课 7分6秒 68 grid对象简单说明 视频课 8分41秒 69 行操作按钮权限 视频课 7分32秒 70 TableAction组件 视频课 10分35秒 71 TableAction组件权限码 视频课 3分31秒 72 TableAction组件下...