- 博客(108)
- 收藏
- 关注
RSS订阅原创 vue使用bpmn流程管理器
bpmn-js 是 BPMN 2.0 呈现工具包和 Web 建模器。它是用 JavaScript 编写的，将 BPMN 2.0 图表嵌入到现代浏览器中，并且不需要服务器后端。这样可以轻松将其嵌入到任何 Web 应用程序中。该库以既可以查看器又可以是 Web 建模器的方式构建。使用 viewer 将 BPMN 2.0 嵌入到您的应用程序中，并用您的数据丰富它。使用 modeler 在应用程序内部...
2021-03-30 17:23:00
581
原创 element-ui 调试 el-select不能正常工作 不报错
控制台调试值变了但是页面上无反应。打印出来的值[1,2,3]和选择出的id是对应的。可以这么理解也就是说，select选中改变不了视图。值已经被修改了，但视图不变。代码是没问题的字段类型也对应上了最终解决办法页面上 <el-select v-model="form.roleIds" @change="updateSelect" multiple placeholder="...
2021-03-16 17:53:00
294
原创 VUE用浏览器调用USB摄像头
公司需求: 在线上浏览器调用摄像头拍照上传 本人实现调用摄像头拍照以下代码 经测试 (Google Chrome 88.0.4324.182) 版本可用 各位可以试一试其他浏览器 参考代码 https://www.jb51.net/article/193305.htm发布到服务器只能支持HTTPS的 HTTP类型的会报错解决谷歌浏览器不支持HTTP的 ...
2021-02-25 11:49:00
2126
原创 vue中 查看3d视图
git上的代码 https://github.com/qhanqing/3dview<template> <div class="hello"> <button id="btn1" class="btn btn-primary" @click="cut()" style="margin-bottom:20px;">切换场景1</button> <button id="btn2" class="btn btn-wa
2021-01-14 10:45:33
700
原创 在vue中fullcalendar的使用
<template> <div> <div id="calendar"></div> </div></template><script> import {Calendar} from '@fullcalendar/core';//npm install --save @fullcalendar/core @fullcalendar/daygrid import dayGr
2021-01-14 10:40:19
574
原创 input上传文件的样式修改
前端是用vue写的 <div class="upload_reveal"> 上传文件 <input type="file" class="upload_file" :id="uploadFileMaintenance'" accept="image/*" v-on:change="readLocalF
2020-12-28 17:12:54
816
原创 图片上传时用Canvas 压缩和加水印
用菜鸟教程模拟的菜鸟对应链接https://www.runoob.com/try/try-cdnjs.php?filename=tryhtml5_canvas_tut_img<!DOCTYPE html><html><head><metacharset="utf-8"><title>菜鸟教程(runoob....
2020-12-24 17:10:00
267
原创 Vue 中使用 flv.js 播放视频
1 详情信息flv.js git地址链接: https://github.com/bilibili/flv.js .引入依赖npm install --save flv.js代码<template> <div> <video autoplay controls width="100%" height="500" id="videoElement"></video> </div></..
2020-11-25 11:33:38
10931
2
原创 vue中实现富文本的问题
1、富文本样式展示的不对 <div class="ql-editor content-detail" v-html="newsInfo.newContent"></div>2、富文本设置图片image大小 var content = this.info.strContent const regex = new RegExp('<im...
2020-11-17 16:22:00
513
1
原创 vue-cli-service 不是内部或者外部命令
vscodebuild是报 vue-cli-service 不是内部或者外部命令解决找到文件目录把node_modules删掉再次打包npm install
2020-11-17 15:33:00
626
原创 vue二进制转图片显示问题 后端返回的是byte[]数组
1、二进制转图片显示问题代码 lookPreview(this.previewID).then(response => { this.previewUrl = "data:image/jpeg;base64," + response.data; this.previewList.push(this.previewUrl); th...
2020-11-17 15:26:00
5283
原创 VUE-实现点击缩略图查看大图
1、介绍用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。Github https://github.com/mirari/v-viewer中文文档地址 https://mirari.cc/2017/08/27/Vue%E5%9B%BE%E7%89%87%E6%B5%8F%E8%A7%88%E7%BB%84%E4%BB%B6v-viewer%EF%...
2020-09-28 15:29:00
1724
4
原创 vue中使用查看大图(vue-photo-preview)
效果图点击前点击后1、介绍 基于photoswipe的vue图片预览插件 地址https://developer.aliyun.com/mirror/npm/package/vue-photo-preview GitHub: https://github.com/826327700/vue-photo-preview?spm=a2c6h.14275010.0.0.4...
2020-09-25 18:15:00
1669
原创 element-Ui中form表单赋值数值类型后表单验证不好使验证报错
解决input输入框加.number验证也加type: 'number'贴图前面的数据提交时会报错我又修改了一版
2020-09-25 13:13:00
837
原创 vue-router退出登录清空路由
router没有提供清空数据的方法。我们可以这样写this.$router.replace({path: '/login'});location.reload();
2020-09-11 14:33:00
11821
2
原创 判断客户端是PC端还是移动端访问
export function getUserAgent() { let agent = window.navigator.userAgent let systemMac = agent.indexOf("Mac") let systemPho = agent.indexOf("Pho") let systemAnd = agent.indexOf("And") i...
2020-09-08 11:26:00
1176
原创 webstorm 格式化代码Ctrl+alt+l 失效
webstorm与 网易云 / QQ / 网易有道词典的快捷键冲突，关掉网易云的快捷键就OK了。
2020-09-02 17:39:00
581
2
原创 监听vuex数据的方法
监听vuex数据的方法1首先在computed中把数据返回computed: { contractFile() { return this.$store.state.user.contractFile } },2然后在watch中监听 并操作immediate:true代表如果在wacth里声明了之后就会立即执行里面的handler方法 watch: {...
2020-08-24 10:22:00
4552
原创 watch 首次监听不到的问题
在vue中会使用很多子组件，有时因为组件的类型的等原因会导致数据监听不到的情况1、首次监听不到时可以使用immediate方法，其值是true或false；immediate:true代表如果在wacth里声明了之后，就会立即执行里面的handler方法 watch: { contractFile: { immediate: true, handler...
2020-08-24 10:19:00
3420
原创 获取焦点 失去焦点更改input输入框样式
<el-input v-model="item.cargoCount" @focus="cleanVerify('数量',$event)" @blur="verifyNumber(item.cargoCount,$event)" placeholder="请输入数量"/>//获取焦点是清空数据cleanVerify(val, event) { le...
2020-08-19 09:40:00
1113
原创 如何修改git的端口号
参考链接http://www.ecjson.com/article/88.htmlgit加了端口号导致我push不上去1.直接修改URL为SSH://开头 打开gitbash，进入仓库，输入指令：git remote set-url originssh://git@domain.com:3322/home/git/Projects/p1.git 1的...
2020-08-18 13:18:00
4371
1
原创 组件传值报错 did you register the component correctly? For recursive components, make sure to provide the ...
原因多写了一个compoents:{}
2020-08-11 10:14:00
3522
原创 vue-router解析，vue-router原理解析
参考：源码：vuejs/vue-router v2.2.1 - github文档：vue-router 官方中文教程参考博客 ：http://cnodejs.org/topic/58d680c903d476b42d34c72bVueRouter包括三个主要组成部分 ——VueRouter、router-view和router-link：VueRouter：路...
2020-07-03 23:06:00
137
原创 vue：vuex中mapState、mapGetters、mapActions辅助函数及Module的使用
一、普通store中使用mapState、mapGetters辅助函数：在src目录下建立store文件夹：index.js如下：import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state={//要设置的全局访问的state对象 showFooter: true, changa...
2020-07-03 20:08:00
1005
原创 前端常见跨域解决方案（全）
地址https://segmentfault.com/a/1190000011145364什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中...
2020-06-28 21:41:00
149
原创 创建节点及其属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>创建节点及其属性</title></head><style> #listShow>li ul{ display: non...
2020-05-29 11:31:00
302
原创 获取DOM节点的几种方式
DOM 是一个树形结构，操作一个DOM节点，实际上就是这几个操作：更新、删除、添加、遍历在操作DOM节点之前，需要通过各种方式先拿到这个DOM节点，常用的方法有：一、通过元素类型的方法来操作：document.getElementById();//id名，在实际开发中较少使用，选择器中多用class id一般只用在顶级层存在 不能太过依赖iddocument.getEleme...
2020-05-29 10:20:00
629
原创 vue中img标签引用图片地址变量不显示，引入失败问题
vue中img标签，src的地址赋值给vue属性不显示 ，如图修改后写法，加上require即可原文 https://blog.csdn.net/Chris__wang/article/details/102896367
2020-03-02 00:18:55
2248
3
原创 Swiper的使用心得
公司最近对于移动端做的比较多，所以使用了很多关于swiper这个算是插件吧，它的官网介绍的就是主打移动端的触摸滑动的插件。其实这个插件多使用就知道他的用处了，主要还是要明白它的各个参数的含义。原文链接：https://blog.csdn.net/zhanghuiqi205/article/details/72588134HTML部分的内容：Slide 1Slide 2Slide 3...
2020-03-02 00:17:06
207
原创 将IDEA中的项目完整提交到gitlab中
原文 https://blog.csdn.net/It_BeeCoder/article/details/905805881、检查idea中是否安装了gitlab的插件，如果没有那个在线安装一下:安装成功后如图：2、打开IDEA菜单栏：VCS》Import into Version Control》Create Git RepositoryCreate Git Repository弹...
2020-03-02 00:10:51
666
1
原创 轮播图后面的背景随着图变色的效果
<template> <div class="content" ref="bgColor"> <div class="box"> <div class="swiper-container " @mouseover="mouseOver()" @mouseleave="mouseOut()"> <div ...
2020-03-02 00:01:00
1798
原创 IntelliJ IDEA 连接数据库 详细过程
IntelliJ IDEA集成了众多插件，方便开发者使用，使用其自带的Database模块就可以很方便的配置、连接到数据库，本次操作以MySQL为例，其中testjdbc数据库已经提前建好，里面有两张表emp_table 和 t_user，相关信息如下图。连接到MySQL数据库1、选择数据源在IDEA中新建一个Java工程后，最右侧侧边栏会有个 Database 标签，点击此标签，然后点击...
2020-02-15 22:40:40
6311
原创 配置vuex并使用
配置vuex并使用安装vuex: npm install --save-dev vuex在src目录下创建store文件夹store文件夹下文件 index.js,state.js,getters.js,mutations.js,actions.jsindex.js文件中需要引入vue 和 vuex,这个文件是主要的vue文件配置import Vue from 'vue'...
2019-11-12 14:12:00
150
原创 JavaScript Array 属性 构造器 将数组值转为大写
实例一个新的数组的方法，将数组值转为大写： Array.prototype.myUcase=function() { for (i=0;i<this.length;i++){ this[i]=this[i].toUpperCase(); } }创建一个数组，然后调用 myUcase 方法： var fruits=["Banana"...
2019-11-12 11:51:00
265
原创 Eslint 配置及规则说明
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/hsl0530hsl/article/details/78594973中文官方网站基本使用教程安装可以全局安装，也可以在项目下面安装。 如下是在项目中安装示例，只需要在 package.json 中添加如下配置，并进行安装： &g...
2019-11-12 11:42:00
214
原创 Vue基于vue-quill-editor富文本编辑器使用心得
https://www.cnblogs.com/ZaraNet/p/10209226.html
2019-11-11 20:58:00
162
原创 css display:flex 属性
一：display:flex 布局原文https://www.jianshu.com/p/d9373a86b748一：display:flex 布局display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Fle...
2019-10-25 21:59:00
400
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人