Ant Design Vue
使用Ant Design Vue过程中遇到的问题和解决方案。
hoaxxcj
主要从事前端网页开发。
展开
-
Antd修改Table表格行间距
我们在使用Antd的table表格时,可能需要增大每行间距。如果直接在tr或td标签中使用margin或padding不会生效。像下图我把margin-top设置了1000px,页面明显可以看出没生效。这时候可以给td设置一个白色的有宽度的底部border,如下图红框处:...原创 2021-04-13 17:08:04 · 5894 阅读 · 2 评论 -
Antd单独隐藏Modal对话框的默认ok或cancel按钮
有时候我们需要单独隐藏Modal对话框的默认确定或取消按钮,设置:footer="null"会把两个按钮都隐藏。Antd有提供两个参数用于单独修改确定、取消按钮:对于确定按钮,设置:ok-button-props="{style:{display:'none'}}";对于取消按钮,设置:cancel-button-props="{style:{display:'none'}}"。这样就能快速隐藏对应按钮了。...原创 2021-04-13 14:30:02 · 15118 阅读 · 3 评论 -
Antd树型选择控件TreeSelect搜索功能
有时候我们需要在TreeSelect中添加搜索功能,Antd是有提供对应的配置选项,两步即能实现:1、在a-tree-select标签中添加show-search参数,这能在下拉中显示搜索框,需要注意的是仅在单选模式下生效;2、在a-tree-select标签中添加tree-node-filter-prop参数,其值为tree-data参数绑定的数组(图中接口返回的整个data数组)的title值。我们在搜索框中输入想要查找的内容,TreeSelect就会自动过滤搜索结果并展示,如下图:原创 2021-04-13 10:54:13 · 9567 阅读 · 2 评论