vue

vue项目中使用bpmn-节点篇(为节点添加点击事件、根据id找节点实例、更新节点名字、获取指定类型的所有节点)

内容概述本系列“vue项目中使用bpmn-xxxx”分为七篇,均为自己使用过程中用到的实例,手工原创,目前陆续更新中。主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。如果转载或通过爬虫直接爬的,格式特别丑,请来原创看:我是...

vue项目中使用bpmn-流程图预览篇

内容概述本系列“vue项目中使用bpmn-xxxx”分为七篇,均为自己使用过程中用到的实例,手工原创,目前陆续更新中。主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。如果转载或通过爬虫直接爬的,格式特别丑,请来原创看:我是...

vue项目中使用bpmn-基础篇

内容概述本系列“vue项目中使用bpmn-xxxx”分为七篇,均为自己使用过程中用到的实例,手工原创,目前陆续更新中。主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。如果转载或通过爬虫直接爬的,格式特别丑,请来原创看:我是...

vue中,svg图标的click事件不生效

问题情况:vue项目中,使用svg图标,为svg图标绑定click事件,部分浏览器中点击没有反应,代码如下:<iconname="icon_add"@click="addSubject(scope.$index)"></icon>原因:在edge内核中只有点击svg边缘部分才会触发click事件...

Vue中动态(import 、require)显示img图片

vue中,经常会遇到显示图片的问题,如果是一个普通组件的话,那么这样就可以了<imgsrc="../assets/images/avtor.jpg"width="100%">上文的弊端有两个:首先,是采用绝对路径引入。如果以后图片移动了位置,需要修改代码。其次,如果说图片是一个logo图片,同一页面内有多处...

vue +element ,el-table实现行和列拖拽排序

场景elementui表格没有自带的拖拽排序的功能,只能借助第三方插件Sortablejs来实现。实现步骤1.安装Sortable.jsnpminstallsortablejs--save2.在页面中引入:importSortablefrom‘sortablejs’注意elementtable务...

vue history模式下,部署到服务器出现空白页情况

项目场景  vue搭建的项目,路由一直用的hash模式,所以url中都会带有一个“#”号。  现在想要去掉“#”,于是使用history模式{mode:'history'},代码如下:importVuefrom'vue';importAppfrom'./App';impo...

vue+ elementUI 打包发布到服务器后,element-icons.woff文件404

问题场景1:js文件报404原因:打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错解决办法:修改config/index.js文件,将 assetsPublicPath修改为'./'      问题场景2:element-icons.woff文件4041...

解决Vuex-在F5刷新页面后数据不见

问题场景页面刷新后,想恢复刷新之前的某些数据状态,我们总是习惯于将数据放在浏览器的sessionStorage和localStorage中。但是用了vue后,vuex便可以被应用了。vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到。vuex劣势:在F5刷新页...

vue数据更改后,视图不更新

问题:使用“=”为数组赋值,赋值后打印数据有变化,但是页面不更新原代码://data.是修改的数据,children是数组,为表格显示数据this.data.children=[]设置后,在下一行打印,数据确实变成空数组了,但是页面还是不动~~~~于是,找到了官方文档:链接在此由于JavaScr...

Vue 报错 listen EADDRINUSE :::8080

问题场景重启vue项目的时候,发现报了错, listenEADDRINUSE:::8080错误提示问题原因另一个项目占用了8080端口,直接在命令行npmrundev第二个项目,就给出了这个错误信息,猜测可能是端口冲突的问题。解决步骤:关闭另一个项目,重新启动本项目,还是不行。。分析了下这个错误提示:EADD...

Vue中beforeRouterEnter和beforeRouteLeave的应用

beforeRouteEnter项目需要在进入某个页面前,判断从特定页面进来时,做某些处理。例如:只有从详情页回到列表页需要重新调接口。此时,用到了beforeRouteEnter方法。注意:在在内部获取不到外部的this,方法、变量等都获取不到。但vm可以获取到method中的方法以及变量,可以自行打印vm看一下be...

vue中父子组件传递信息实现

为了能够在父子组件中实现双向控制,需要以下的步骤:第一步:子组件中挖坑(1)在需要父组件填充具体内容的地方挖坑,方式为<slotname="message"></slot>通过slot和name指定坑第二步:父组件中填坑(具体内容)(1)引入子组件作为其中一个模块在父组件的script中通过im...

node与vue结合的前后端分离跨域问题

第一点:node作为服务端提供数据接口,vue使用axios访问接口,安装axiosnpminstallaxios--save安装完成后在main.js中增加一下配置:importaxiosfrom'axios';axios.defaults.withCredentials=trueVue.prototype.$axi...

VSCode vue : 无法加载文件 C:UsersXXXAppDataRoaming pmvue.ps1,因为在此系统上禁止运行脚本

1解决办法:2运行powershell(管理员身份)3输入set-ExecutionPolicyRemoteSigned  输入A回车 ...