摘要：
问题描述： 目前做的项目，在vue ant design vue table组件中，对按钮应用popconfirm弹窗，此前已经对该table组件应用了:customRow="rowclick"属性，即注册了行级事件，在点击表格中的按钮时同时出发了按钮事件以及行事件，导致行为冲突。 如下图所示。在点 阅读全文
摘要：
问题描述： 如下图，页面是一层组件，弹窗a-modal是二层，a-modal中的树形结构a-tree组件是第三层组件，当第一次打开弹窗时，会执行第三层a-tree的created()方法，但是关闭弹窗再次打开时，就不会再执行第三层a-tree组件的created()方法了，因为第一次打开弹窗组件时， 阅读全文
摘要：
需求： 项目需要，tree组件中所有节点要支持一键全部展开，一键全部收起功能。 如下所示，点击某个按钮，所有的节点全部展开，再次点击，所有节点收起。 思路很清晰，tree组件中有个 expandedKeys属性，控制展开节点的信息，只要遍历所有的节点信息，把节点的id push到expandedKe 阅读全文
摘要：
需求描述： ant design vue tree组件样子如下： 要求后端返回数据格式如下： 那么后端如何组装这些树形结构的数据呢，在此引入我工作中用的例子，某项目下包含模块数据，模块在数据库中是以单个节点数据存在 页面效果： 数据库中模块数据： 拿第一个节点举例，组装好的数据应该是这样： 就是一个 阅读全文
摘要：
可以通过配置来控制是否显示console.log日志 配置位置: 项目根目录下有个babel.config.js 里面的plugins对象通过“transform-remove-console”插件来移除console.log 知道原理后，把如下代码注释掉，重新构建下正式环境工程就可以看到conso 阅读全文
摘要：
需求： a-table表格需要在鼠标移入单元格时动态修改单元格背景色，以及点击单元格触发对应事件，如下所示： 鼠标移入执行人这一列某个单元格时，需要动态修改这个单元格的背景色，让用户知道当前操作的是哪个单元格，点击后触发事件，设置对应数据的字段信息 解决方法： 可以在columns中这个字段定义中， 阅读全文
摘要：
需求： 在定义table组件的列对象column时，有需求对单元格进行点击事件触发，需要执行this的某个方法，如下所示： 但是页面提示，该方法未定义undefined 查了下原因，是因为定义columns的方式引起的，通常定义columns是现在export外面通过const columns = 阅读全文
摘要：
背景： 前端项目做了解耦后，在主项目（浏览器访问的页面）某个菜单下通过iframe加载子项目的页面，在子项目页面下点击某个链接并携带查询参数，通过window.top.PostMessage()函数向外（主项目）传递路由信息，使路由信息能够在外层项目（浏览器地址栏）能够同步展示内层页面的地址信息。 阅读全文
摘要：
问题：如下图，页面上点击运行按钮，该区域会触发两个时间，一个是底层表格行区域点击的事件，一个是按钮本身的事件，因为按钮和表格区域是重叠的，导致点击按钮时，会触发上下两层控件对应的事件，也就是时间的穿透。 解决办法： 绑定click事件时，加个stop，即可阻止事件的穿透，底层的事件不会被触发，即@c 阅读全文
摘要：
如下图，想在列表中的标题列，用插槽展示图表，用record数据的属性来控制鼠标滑过展示与否，因为后端接口返回的数据中没有这样的属性，我就在mouseenter事件中给record创建了这个属性，结果发现页面的控件效果没出来。 解决办法：在后端接口返回的数据中，把数据添加上这个runIconVisib 阅读全文