ant-design vue的tree组件点击小三角符号展开，触点太小的问题

直接进入正题，需求目的是加大三角的触点，让点击标题的时候也能触发展开列的效果
树形节点的select事件会接受两个参数，一个是节点id,一个是event;
细心地你会发现，event对象里面有一个node属性，它里面包含有一个onExpand的方法，然后在@select的事件里面调用它==》event.node.onExpand()
然后就实现了点击标题也可以展开子列。
其实ant-design vue是个不错的库，但是这个文档写的确实有点抽象，就像给了个金宝库，却配了把铜钥匙，但是得自己探索才行。

ant-design vue的tree组件点击小三角符号展开，触点太小的问题相关推荐

ant design vue table表格组件实现隔行变色
ant design vue table表格组件实现隔行变色一.使用方法 html代码: <a-table:columns="patient":data-source=&q ...
ant design vue 中Upload组件如何自定义文件列表的样式
ant design vue 中Upload组件如何自定义文件列表的样式问题历程 UploadList 组件源码 h() 方法实现注问题技术:vue.ant design vue 在开发项 ...
ant design vue 的 description组件中 label 默认样式的更改
这两天做项目,需要实现一个如下图的效果于是我就去 ant design vue 里面找,发现 description 组件符合这个效果但是写完之后我发现,这个组件的 label 并不能修改样式啊, ...
Ant Design Pro 项目图表组件点击事件
背景:使用框架配套图表组件charts 要求柱形图可实现点击事件方法:onReady 官网:https://charts.ant.design/zh/docs/api/options/events ...
Ant Design Vue list表格组件
文章目录 1.案例部分代码 2. 简述 3.案例代码 1.案例部分代码 <a-table:columns="columns":row-key="record =&g ...
Ant Design Vue LocaleProvider国际化组件zh_CN中文配置
举个栗子,我在项目中遇到了一个问题,table组件的分页器页数默认显示为英文, 查了一下,可以用<a-locale-provide>标签去实现,使用过程中发现这个标签已经废弃,于是总结出以 ...
Ant Design Vue 中 Tree 树形控件 defaultExpandAll 设置无效
问题: 在代码中设置了default-expand-all属性树形结构还是没有展开原因: 因为default-expand-all属性是用来设置默认值的,而初始值treeData通常情况下是需要调 ...
ant design vue 清空upload组件图片缓存的方法
当关闭这个窗口后,再次打开,上传上传的图片清空在upload 这个组件外加一个key 赋随机值,便可清除缓存缓存代码如下: <a-modal v-model="visible&qu ...
Ant Design Vue - 去除 input 组件边框和获取焦点时的边框蓝阴影效果
前言默认情况下,组件是有默认边框与获取焦点时存在的阴影效果的. 解决方案在该页面的底部加入以下覆盖样式. .ant-input:focus {/* 去除获取焦点时的样式 */border: non ...

ant-design vue的tree组件点击小三角符号展开，触点太小的问题

ant-design vue的tree组件点击小三角符号展开，触点太小的问题相关推荐

最新文章

热门文章