- 博客(26)
- 收藏
- 关注
RSS订阅原创 旧版本node使用logicflow部署-logicflow节点连接不了的看这个
摘要：本文分享了基于Vue3集成LogicFlow流程设计器的实现方案。针对之前使用BPMN第三方库被弃用的问题，作者推荐使用"@logicflow/core"和"@logicflow/extension"的1.2.27版本，解决了节点连接难题。文章提供了完整代码示例，包含容器设置、插件注册、基础配置（网格、键盘控制、样式定义）和事件监听等功能实现，并预留了自定义节点的后续研究计划。该方案实现了流程设计器的基本功能，为开发者提供了可参考的实现路径。
2025-10-31 16:22:31
208
原创 【扩展】bpmn右侧属性面板（新版本）+ 国际化（二）
上一个博客介绍了bpmn流程图的搭建，这个博客扩展一下bpmn右侧属性面板新版本的使用和国际化。
2023-11-22 15:36:06
3187
2
原创 vue3.0+腾讯地图+拖拽选择+关键字搜索(Failed to execute ‘postMessage‘ on ‘Worker‘: [object Object] could not be cl)
1、腾讯地图官网获取key值 ，控制台——应用管理——创建应用。初始化地图和中心点 ，监控地图拖动。2、创建应用成功后设置key值。中否则在之后修改中心点时会。
2023-05-18 11:23:46
1473
1
原创 vue2.0接入微信扫一扫sdk
ps:必须传入当前页面的url，有【#】的传【#】后的内容。ps：微信sdk扫一扫功能只能在微信环境使用。3、从后端获取需要的数据后调用wx的sdk。1、安装微信weixin-js-sdk。2、在扫一扫页面引入sdk。
2023-01-13 10:14:12
1469
原创 docxtemplater+vue+docxtemplater-image-module-free 导出word文档（包含图片）
注意如果是后端返回数据为null，导出会出现未定义记得转化成空字符串。循环{#list}{/list}正常的数据为 {title}获取到后用官网上的代码如下。图片{%imgUrl}
2022-11-02 16:45:04
1291
原创 VUE html5-qrcode H5扫一扫功能
安装 npm i html5-qrcode。5、必须在销毁页面前关闭扫码功能否则会报错。3、获取摄像权限在created调用。6、在扫码页面引用组件。
2022-10-20 10:13:23
14517
25
原创 keep-alive 缓存不更新问题
使用keep-alive经常会遇见的需求，从a页面进入b页面时不需要缓存，b页面进入c页面时候，b页面需要缓存。1、首页我们需要在vuex中定义一个字段来判断是否需要缓存,字段为需要缓存的组件名。2、在app.vue中写上keep-alive，把用vuex中的字段控制是否缓存。3、在b页面上导航守卫上监听页面。...
2022-08-11 13:56:55
823
原创 vue扫一扫功能
最近H5项目用到了扫一扫，本来想用微信的结果只能在微信环境调，就在网上疯狂找插件，终于找到了，和大家分享一下。安装 cnpm install --save vue-qrcode-reader。
2022-08-11 13:42:39
6906
10
原创 vue-element-admin遇到的一些小问题
vue-element-admin 导航栏选中背景颜色使用vue-element-admin想修改背景颜色可以使用一下css （放全局css文件中）#app .sidebar-container .el-submenu .el-menu-item.is-active { background-color: #40a0ff28 !important;}vue-element-admin 快捷导航栏需求是快捷导航栏两边有箭头点击快捷导航栏移动如图效果：找的项目 src\layo.
2022-05-27 15:06:52
181
原创 小程序 背景图片固定ios不兼容
日常吐槽：【！ios居然不能用背景图片固定！！！今天测试的bug给我！！差点没把我气死】1、原代码.box{background:url('url');background-size: 100% 250px;background-repeat: no-repeat;background-attachment:fixed;//就是这个啊啊啊啊啊}2、修改后 .img_box{ width: 100%; height: 250px; position: fix..
2022-04-20 15:30:03
377
原创 小程序 canvas 海报（图片、字体封装方法）解决导出海报模糊问题
最近真是画了一堆canvas海报画到头秃~~~（偷偷说！！产品经理我恨你！！）来和大家分享一波本媛写的canvas方法封装1、封装图片//width:图片长度//height:图片高度//x:离左边的距离//y:离上边的距离//img:图片路径imgChange(ctx, canvas, width, height, x, y, img) { const headerImg = canvas.createImage(); headerImg.src = img;
2022-04-15 15:52:04
1524
原创 uniapp、微信小程序--自定义table
呜呜呜~~~咋说呢，uniapp表格代码搞完转小程序才发现微信小程序没有table！！！哭泣！本来想用flex布局的，突然想到了cssdisplay: table;display: table-cell;display: table-row！！嘻嘻嘻下面上代码1、最简单的表格<view class="table"> <view class="tr"> <view class="th">姓名</view> <
2022-03-04 13:56:13
2451
3
原创 js 判断安卓，ios，微信浏览器
1、判断浏览器var xt= { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf(
2022-01-07 10:33:15
645
原创 vue 上拉加载
vue 上拉加载1、创建/销毁监听（scroll的功能） mounted() { document.getElementsByClassName('ant-pro-grid-content')[2].addEventListener('scroll', this.handlescroll) }, destroyed() { document.getElementsByClassName('ant-pro-grid-content')[2].removeEventListene
2021-12-27 09:28:54
475
原创 “TypeError: Cannot read properties of undefined (reading ‘length‘)“
记录一个小问题“TypeError: Cannot read properties of undefined (reading ‘length’)”解决方案就是list.item !==undefined && list.item .length>0
2021-12-24 09:22:20
19803
7
转载 vue获取IP地址
vue–用户登录需要使用用户Ip1、创建一个Ip.jsexport function getUserIP(onNewIP) { let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; let pc = new MyPeerConnection({ iceServers: [] }); let
2021-12-23 10:05:05
7369
9
原创 echart饼图上显示数据
option = { title: { text: '游戏比例', left: 'center' }, tooltip: { trigger: 'item' }, color: ['#fdab03','#f27647'], legend: { orient: 'horizontal', x: 'center', y: 'bottom', }, series: [ { type: 'pie', da
2021-10-12 17:51:11
2867
1
原创 uniapp 接入微信客服 wx.openCustomerServiceChat（不支持解决办法）
由于uniapp目前未支持openCustomerServiceChat使用浏览器打开，从浏览器跳转至微信let url = '客服链接'plus.runtime.openURL(url, function(res) {});
2021-09-10 15:50:28
6420
6
原创 【uniapp】 解决 webview 返回无效
Webview封装组件<template> <view> <web-view :src="src"></web-view> </view></template><script> export default { props: { src: { type:String, default(){ return "" } } }, methods: {}
2021-09-10 15:30:41
4093
原创 HBuilderx 创建新文件命名重合，导致原因文件代码丢失
听着流泪，闻着伤心~~~呜呜呜世界上总是会有种憨憨（比如我），导致代码失踪使用HBuilderx,创建一个新的vue文件。（忘记已经有这个文件名）创建完成后，啊！同名的文件代码不见了！！！赶紧去线上看一眼，完美这段代码没有提交！就在我准备再次码代码的时候！！！发现了这个谢谢你救了孩子一命！！！记录一下自己憨憨的事...
2021-08-05 15:41:05
1768
2
原创 Failed to execute ‘addEventListener‘ on ‘EventTarget‘: 2 arguments required, but only 1 present.
使用报错Failed to execute 'addEventListener' on 'EventTarget': 2 arguments required, but only 1 present.<!-- 测试 --> <el-dialog title="提示" :visible.sync="aa" width="30%"> <span>这是一段信息</span> <span slot="footer" cla.
2021-04-16 10:42:02
8212
1
原创 element+vue中表格根据页面高度变化
1、在<el-table>中添加以下的代码:height="screenHeight < 350 ? 100 : screenHeight - 250"2、在data中定义data() { return { screenHeight: document.body.clientHeight,}}3、在mountedmounted() { const that = this window.onresize = () =&..
2021-04-13 11:39:26
656
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人