随笔分类 - vue开发
摘要：<template> <el-dialog :visible.sync="dialogVisible" custom-class="slideVerifyDialog" :close-on-click-modal="false" title="身份验证" width="360px" > <secti
阅读全文
摘要：第一步： 写个常见的组件，定好name 第二步：创建一个导出文件indexCommon.js // 引入组件 import FlowEditorVue from './views/XxFlowEditor.vue' // install FlowEditorVue.install = functio
阅读全文
摘要：若依（我们公司就全用的这个） http://doc.ruoyi.vip/
阅读全文
摘要：Vue.directive('tip', { bind(el, binding) { el.style.position = 'relative' // icon插入 const a = `<i type="primary" class="el-icon-question question-styl
阅读全文
摘要：// 导入组件 import Vue from 'vue' import XxTips from 'packages/basic/xx-tips/src/XxTips.vue'// 自定义指令 Vue.directive('tip', { bind(el, binding) { el.style.p
阅读全文
摘要：效果 组件文档传送门：https://hc199421.gitee.io/vue-ueditor-wrap/#/home 组件git：https://github.com/HaoChuan9421/vue-ueditor-wrap
阅读全文
摘要：表格 <el-table :data="tableData.filter(data => !fieldKeyWords || data.description.includes(fieldKeyWords))" :tree-props="{ children: 'children', hasChil
阅读全文
摘要：前言 一个vue+element-ui框架的图片上传demo 支持图片上传、回显预览、删除、格式校验及限制大小 源码 <template> <div class="el-flex el-flex-column" style="height:100%;overflow: auto"> <div cla
阅读全文
摘要：前言 经过2个月的研究开发，最终完成了vue版本的流程设计器，主要支持以下功能 1、拖拽绘制流程图 2、支持并行、串行 3、支持流向线上备注信息 4、支持删除，自动对齐，全屏，放大，撤回等操作 5、支持节点、网关，流向线等配置 完全能满足常用的审批流程、进度把控等 效果图如下 在线试用地址：http
阅读全文
摘要：在package.json中增加依赖 yarn add swagger-axios-codegen "swagger-axios-codegen": "^0.12.5", 增加运行指令 "genApi": "node src/generatorApi/index.js" 增加如下目录（用来配置后生成
阅读全文
摘要：效果图 体验demo地址 https://zh888.gitee.io/my-project/#/ http://zh888.gitee.io/flow-demo 了解更多：844271163 加v时备注：流程图
阅读全文
摘要：安装patch-package 传送门：https://www.cnblogs.com/jydeng/p/14120348.html
阅读全文
摘要：错误截图： 解决方案：全局安装 increase-memory-limit 命令行cmd ,dos窗口运行：cnpm install -g increase-memory-limit， 进入项目文件夹，运行：increase-memory-limit 可解决问题
阅读全文
摘要：第一步在子项目中导出组件 第二步增加打包组件配置 "build-bundle": "vue-cli-service build --mode production --target lib --name FlowEditorLibrary ./pages/index.js", 第三部打包及打包后文件
阅读全文
摘要：效果图 话不多少上demo https://gitee.com/zh888/self-flow-editor-vue-demo 花了一个多月时间研究改造的流程引擎实现方案，都是基于vue实现，简单上手即可运行，开发不易，若对你有用请鼓励下我，谢谢，也可加我vx：844271163，邀请进流程设计器解
阅读全文
摘要：先看效果图 第一步 // 安装以下依赖 yarn add @logicflow/core yarn add @logicflow/extension yarn add vue-json-pretty 主要页面业务源码参考 <template> <div class="logic-flow-view"
阅读全文
摘要：前言：我是在vue+ts环境中写的 // 引入 import SockJS from 'sockjs-client' import Stomp from 'stompjs' // 进入主页时执行连接，浏览器有打印说明连接成功，接下来待后端发消息就存储到store，最后渲染即可 let stomp =
阅读全文
摘要：前言 项目中需要一个12个月平铺能按年份切换的日历功能，找了好多没找到好用的，最后找了个相似的改了下，效果如下 步骤 // 安装依赖 yarn add vue-material-year-calendary 源码 <template> <div class="weekdays-pages"> <di
阅读全文
摘要：安装依赖drag-tree-table（更多文档见github） yarn add drag-tree-table html <dragTreeTable ref="table" :data="treeData" @drag="onTreeDataChange" onlySameLevelCanDr
阅读全文
摘要：前言 1、一个支持增加节点、删除节点、修改节点的流程图，增加节点可选择并行、串行、会签、下一节点并行等状态； 2、支持设置条件、删除条件、查看条件； 3、可直观显示已完成的节点和不可查看的节点，真正做到了流程可视化。 4、支持画的流程图导出为图片格式； 5、支持鼠标缩放流程图； 效果图 由于本项目改
阅读全文
