mayfly_hml的博客

由于多页面有时需要共同的表单枚举选择，页面以及table需要显示枚举值label以及有时需要根据枚举值进行业务逻辑判断，如果使用硬编码写死每个枚举值的话，则不利于后续的维护...

   由于项目中有个小需求，双击数据库表格数据变为输入框修改or点击选中删除数据后需要弹窗显示要执行的SQL，点击执行后方可修改数据库数据（出于二次确认以及有时是需要把SQL拷贝出来提工单到生产环境执行等）。原本使用的是ElementPlus的ElMessageBox.prompt()函数进行弹框显示sql内容，但是该方式不好控制弹框大小，以及sql关键字美化等。故而就想通过类似的方式实现一个函数来弹出自定义的对话框，对话框内容通过codemirror组件来美化sql内容。   项目地址: https:/

常规操作 async saveSql() { // 如果sql内容为空，则提示并结束执行 if (this.sql === '') { this.$message.error('sql内容不能为空') return } // 如果Id为空，则提示并结束执行 if (!this.dbId) { this.$message.error('请先选择数据库') return } await dbApi.save

由于多页面有时需要共同的表单枚举选择，页面以及table需要显示枚举值label以及有时需要根据枚举值判断，故个人使用如下枚举方式进行统一管理。在common或者个人模块下创建单独枚举js,如enums.js。然后导入@/common/Enum.js并添加一个字面量对象。// 落户任务状态settleTaskStatusEnum: new Enum().add('all', '全部', nu...

系统开发中按钮级权限控制也是非常重要的功能之一，可以严格控制不同角色用户所拥有的功能权限。自定义v-permission指令首先可以通过vue的自定义指令来控制按钮（div，link也阔以）等的显示与否以及是否禁用状态。具体可查看官方文档vue自定义指令。/** * 定义vue permission指令 * * el：指令所绑定的元素，可以用来直接操作 DOM * binding：...