花花鱼的专栏

AntDesignVue的Modal组件是一个功能丰富的弹窗控件，支持自定义显示/隐藏(title、width)、遮罩层(mask)和关闭行为(closable、maskClosable)。提供按钮配置(okText、cancelText)和事件监听(@ok、@cancel)。可通过v-model绑定visible状态，支持模板内声明式调用或服务端API方式(Modal.info/success/confirm)。典型使用场景包括信息展示、表单提交和操作确认，支持内容自定义和回调处理，是构建交互式界面的常用

摘要：VxeTable v4.6版本提供了双击单元格展开/折叠内容的API。通过监听onRowDblclick事件调用toggleRowExpand(row)方法，该方法会自动判断当前行的展开状态并切换。对于树形表格可使用对应的tree方法。示例代码展示了如何在行双击事件中调用该方法，无需手动判断展开状态。

本文介绍了如何使用Tabs和Badge组件实现特定的界面效果。通过代码示例，展示了如何设置Tabs的activeKey属性，并在TabPane中使用Badge组件显示角标。具体实现包括：1）在key="1"时，直接通过tab属性展示内容；2）在key="2"时，使用<template#tab>自定义显示内容，并可通过dot或count属性控制角标的显示形式。用户可根据需求调整代码，实现不同的界面效果

Tooltip 查看类型title:string|slot，也就是说我们可以用slot来处理。直接给title换行，并且写上<br /> 是不会换行的。Tip：这样就显示了换行的状态了。2、使用title直接赋值。

Warning: FormItem can only collect one field item, you haved set `ASwitch`, `ARadioGroup` 2 field，You can set not need to be collected fields into `a-form-item-rest` 的简单处理方法实现。

利用图片或者svg图标，作为Button的图标实现方式。

如何使用Radio,Radio.Group实现单选操作，并且change事件，查看值的情况。

antdv Modal显示个对话框提示，content换行显示的方法

antdv3中的 TimeRangePicker 赋初值的问题

修改原有antdv3的Modal的样式，去掉阴影及圆角，让Modal看上去像一个简单的div一样。

利用vxe-grid提供的max-width或者百分比来实现最后一列的宽度自动扩展。这里注意width设置了固定值以后，max-width将不再起作用。

vxe-grid的一些简单的使用技巧的使用：最后一列自动缩放、多行表头等。

通过API文档来规划前后端一致的情况，来减少前后端调用方法不一致的情况。

控制Select鼠标移动上去显示右侧一个红x按钮，用来删除当前的行的数据。

在使用antdv Select的时候，一定要注意value与v-model:value的类型要一致。

修改tomcat9的配制conf/server.xml，增加relaxedPathChars="|{}[],%" relaxedQueryChars="|{}[],%"来解决报无效字符的问题。

通过增加全局注册Collapse组件，我们来解决，发布布署到服务器，原生的Collapse不显示的问题。

通过去掉scoped，然后修改css来达到修改a-datepicker的panel的宽度的问题。

我们用computed计算属性来将属性进行修饰，然后满足v-model指令的一个双向数据绑定的要求。

将深度选择器::v-deep改为:deep()的形式，解决报的warn。

tabs增加rightExtra后div要加一个width来限制宽度，这样就可以让tabpane不会来回切换左右移动了。

通过覆盖 antdv tabs.tabpane的样式来实现原型图中要实现的整体效果。

将驼峰的形式，要改为-的形式，来解决提示v-on event '@pressEnter' must be hyphenated.

增加样式：.vxe-pulldown {width: 100% !important;} 来实现vxe-pulldown的宽度充满整个容器。

覆盖vxe-pulldown的样式vxe-pulldown--panel中的z-index，来显示在上层。

通过 Observer 检测Modal的尺寸是否改变，全屏的时候获取Modal的width与height，然后我们就可以动态设置表格高度了。

antdv RangePicker DatePicker的使用，选择后直接得到选择的日期及范围。

vxe-grid vxe-table进行自定义工具栏slots来进行自定义布局

antdv通过设置Modal的内容容器的最低高度来让Modal的高度可以适当的变高一些。

Form布局 宽度自动100%