![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Antdesign-vue的使用
weixin_49203377
这个作者很懒,什么都没留下…
展开
-
antdesignVue组件中日期选择遇到的问题
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-07-27 14:41:44 · 1301 阅读 · 0 评论 -
vue阻止事件冒泡
我们在使用antdesign或者element等UI框架的时候,会遇到事件冒泡的问题,如何阻止呢?在普通的vue中如果要阻止事件冒泡通常只需要在click点击事件上.stop就可以像下面这样<div @click.stop="handleEdit(row)">编辑</div>这是因为.stop - 调用 event.stopPropagation()。.prevent - 调用 event.preventDefault()。在使用UI框架的时候 有时候上面并没用点击事原创 2021-05-17 14:47:20 · 19989 阅读 · 1 评论 -
Antdesign-Vue中抽屉的使用
背景项目中使用antdesign里面的抽屉组件,想让抽屉在指定的容器内显示,而抽屉组件默认的挂载点是body解决办法根据antdesign官方文档 api里getContainer可以指定Drawer挂载的HTML节点可以通过ref或者class名或者id名挂载到对应的html节点如果挂在之后发现抽屉或者遮罩层的位置不对 一定要注意要挂载的那个dom节点是否给了相对定位,要挂载的dom节点给相对定位之后,抽屉就能在指定的dom节点内出现了(这里要注意相应的样式的调整)下图是内部抽屉样式还原创 2021-05-17 11:34:09 · 6287 阅读 · 7 评论 -
antdesign表格(table)如何开启列排序
antdesign表格如何开启列排序1.本地数据排序column数据设置里面,需要开启列设置sorter,用sorter自定义排序规则和方法汉字:{title: ‘汉字’,dataIndex: ‘name’,sorter:(a,b) => a.name.localeCompare(b.name)},注:stringObject.localeCompare(target)target参数:要以本地特定的顺序与 stringObject 进行比较的字符串。返回结果:说明比较结果的数字。如果原创 2021-05-12 15:15:34 · 3000 阅读 · 2 评论 -
Ant Design of Vue表格点击行与操作单元格冲突(如删除行操作)
问题使用使用Ant Design of Vue的Table组件,实现点击某一行,出现这一行的详情弹窗,由于表格中也有其他操作(如编辑或者删除),其他操作也会执行点击行的操作原因事件冒泡,点击编辑或者删除的时候,点击事件冒泡到父表格行,触发了父表格行的点击事件,才会出现上面的问题<template><div class="tas_listsecc"> <div style="margin-top: 2px; position: absolute; top: -8px原创 2021-05-13 14:33:03 · 1893 阅读 · 1 评论