vue2 antdesign-vue antd的tabel组件 使用了 插槽 scopedSlots: { customRender: 'date'}
插槽内容是日期选择器 a-date-picker , 功能要求是 点击表格中的date 列下面的单元格内容, 打开这个 日期选择器, 选完时间就关闭, 回到最初的单元格内容, 现在的问题是,** 如果我点击内容打开日期选择器, 不做操作,再点击页面其他地方,这个日期选择器就不会关闭,** 用 blur() 的话,会导致无法选择时间,
这个可能是因为日期选择器失去焦点(blur)时会关闭,而点击页面其他地方时,并不会触发日期选择器的失去焦点事件。因此,需要另外的方式来处理日期选择器的关闭逻辑。
一种解决方案是利用Vue的自定义指令和事件监听来实现。你可以在日期选择器所在的组件中,添加一个自定义指令,监听页面的点击事件。当点击事件发生时,判断点击的元素是否为日期选择器及其相关元素,如果不是,则关闭日期选择器。