![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 53
mpbtxdy
请大家多多指教。
展开
-
VUE+bpmn.js+iview 页面绘制流程图
vue + iview + bpmn.js 页面绘制流程图原创 2022-02-22 10:06:12 · 4185 阅读 · 1 评论 -
Vue 页面和js文件中直接利用接口url请求后台:this.$http.post、axios.post、Vue.http.post
vue http.post,axios.post原创 2021-12-31 16:03:59 · 8248 阅读 · 3 评论 -
vue-pdf base64转pdf 冷门字体无法填充的问题解决
之前记录过vue-pdf治标不治本的展示电子签章,签名问题的解决方法,点这里今天有了新的问题,pdf模板填充的某些字段没给设定成常见的字体例如宋体。自定义生成的字体vue-pdf又不支持,所以导致该填充的字段都是空的。百度了一些方法:1、使用CMapReaderFactoryimport pdf from 'vue-pdf';import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js'<pdf :src="sr原创 2021-08-24 15:30:45 · 1335 阅读 · 0 评论 -
vue-pdf不显示电子签章治标不治本解决方法
转自文章 源文章最重要的是vue-pdf 版本要对啊!!!!!!!不然找不到对应文件,无法注释:npm install --save vue-pdf@4.1.0我用的是 4.1.0 版本的,node_module里有这两个文件,注释掉对应语句之后可以显示电子签章!用更新或更旧的版本,没这两个文件。。一个一个版本试出来的,唉。。。。但是这应该是治标不治本的方法,如果别人重新npm install或者生产发版是比较严格要重新npm install 打包的。node_module会被覆盖掉..原创 2021-05-15 00:17:30 · 2466 阅读 · 14 评论 -
iview 新增表单 :disabled 动态 设置formItem是否可填不起作用的问题
记录自己生的bug需求。可点新增,修改按钮,弹出弹框表单,可填写保存。被自己蠢哭!!!按上次自定义校验表单的写法之后(自定义校验点这里),我寻思着点新增按钮时候的 给 this.formItem={...}的内容就不必要了吧,因为data里已经声明过 formItem :{}了。原先的写法是点新增按钮时,把formItem里的每个字段都声明了一下,我觉得我自定义的校验有就是有,没有就是没有,不需要声明也能准确的判断出来是否非空了,没想到校验的问题解决了。根据上一个字段的值,来确定其他字段的:di原创 2021-02-02 10:14:54 · 1437 阅读 · 0 评论 -
iview formitem 自定义非空校验,和其他校验。根据表单其他字段决定是否非空校验。
我遇到的问题:表单中有某字段,要根据别的字段来判断这个字段是否要进行非空校验,其他复杂的校验也同理。我直接使用的iview的校验:但是会出现某些字段即使填上值也会报为空的错,输入框和选择框已经都做过是string而不是number的处理表单字段也打印出来是有值的,所以排除这两种情况。原先使用的校验方式: <FormItem label="企业名称" prop="orgName" :rules="[{required: true, message: '不能为空',trigger: 'b原创 2021-02-01 10:11:23 · 1843 阅读 · 0 评论 -
解决vue项目中html2canvas+jspdf 当前页面生成pdf 模糊,分辨率低的问题
上一篇文章总结了怎么把当前页面,生成PDF,测试的时候发现不同的电脑,下载下来的文件大小不一样,清晰度也不一样。不知是否和电脑屏幕的分辨率有关,这个存疑。百度了一整天,终于找到了解决方案,勉强解决了清晰度问题,不知后面还会出现什么bug。生成pdf的参考原文: https://blog.csdn.net/pratise/article/details/79249943解决清晰度问题的参考原文: https://blog.csdn.net/weixin_44309374/article/detai原创 2021-01-26 12:20:08 · 7015 阅读 · 0 评论 -
Vue 导出当前页面为pdf文件
做个记录参考原文按原文博主的操作一步一步来,就能实现把当前页面生成pdf文件并下载了。但是原文里的id和名字是写死的,不能变通,所以我加了小小的改动。可以让任何页面实现下载pdf;原文有说的我就不多赘述了。放上我加了东西的部分代码:htmlToPdf.js: 主要就是getPdf设置了参数,这样就能动态的传参下载了。// 导出页面为PDF格式import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export d原创 2021-01-22 09:42:33 · 795 阅读 · 4 评论 -
vue 手机端h5 可拖拽 悬浮按钮
前言:借鉴的百度出来的一篇文章修改的,但是想记录一下的时候,找不到那篇文章了。仅做记录用:单独写的一个悬浮按钮组件,在父组件中引入使用即可,样式可能还有些问题,在手机中还能够用。但是在pad之类的大屏幕设备上,位置和大小有些问题。后面再看看 。isPad是为了处理pad设备上的按钮大小和位置的,不需要的话,需要删除一下全篇的isPad和三目运算符。父组件中,import,components:{} <floatButton></floatButton> 就好了&..原创 2020-12-28 16:39:24 · 1492 阅读 · 1 评论 -
Vue iview Echart 中国地图多数据展示
效果如图所示接下来说如何实现这样的一个中国地图:1、首先要安装echart : 执行 npm install echarts --save2、在要展示的页面引入:import ECharts from "vue-echarts/components/ECharts";import "echarts/map/js/china";3、完整代码:<template> <div> <chart :options="o...原创 2020-12-08 15:17:31 · 1175 阅读 · 0 评论 -
iview formItem 自己加必输校验的标识*
需求:表单的某字段需要必输校验,但由于required的校验不能通过,所以改为提交时再做判断,直接判断该字段是否有字。不是required,但是希望label前面也能展示* 比较直接解决方法:使用label的插槽,把*加到前面 <FormItem prop="back" label="退回岗位:" :label-width="130"> <span slot="label" class="check">退回岗位:</spa...原创 2020-11-10 16:12:05 · 1687 阅读 · 0 评论 -
Vue 打包后静态资源加前缀,页面路由加前缀,修改静态资源访问路径
记录一下做过的需求,了解的不多,有不对的地方请指出,谢谢~需求是:同一个的服务的同个端口号,根据后面接着的内容不同访问不同的管理系统。举个例子:http://127.0.0.1:8088/admin 访问的是A管理平台 http://127.0.0.1:8088/test 访问的是B管理平台。这需要给页面路由,以及访问的静态资源加admin, test。并且配置好nginx。因为vue-cli版本的不同,文件结构不同,加前缀的方法也不一样。vue-cli2: 由于我用的是...原创 2020-10-20 14:57:37 · 19894 阅读 · 3 评论 -
Vue 文件转换成base64并去除多余的文件类型前缀
页面上传图片、文档、pdf甚至是jar包,比较常用所以记录一下: <FormItem label="请选取文件:" :label-width="240"> <!-- 我是上传文件后,出现另一个按钮实现上传动作的,所以action里没有内容,这里只把base64准备好 --> <Upload :before-upload="handleUpload" action > <Button icon="ios-cloud-upload-outli原创 2020-10-19 14:47:37 · 1554 阅读 · 0 评论 -
iview Form 表单校验时,必传符号错位,校验无效的某个原因
遇到的问题:(1)没加必输校验的formItem,前面会出现必输符号 * ,(2)对内容做校验的规则不起作用,this.$refs[name].validate(valid => {}) valid一直都是true,不起作用解决问题:我发现原因是因为我偷懒使用<Row></Row>中放了所有的字段<Col span=”12“> <FormItem> </FormItem> </Col>注意Form...原创 2020-09-26 15:15:18 · 2297 阅读 · 1 评论 -
Iview,table,Select表格动态新增,选择框远程搜索,输入内容后才调用接口
1.应用场景:在一个表单中,放了一个动态新增的表格,即一个表单对应多条表格中的数据。这个表格是动态新增的,用户可以新增多条。表格的其中的一个内容是下拉选择框,选项也是动态的,来自其他的表单保存后产生的内容,需要调用查询接口,返回数据当做选项。原先我是在用户登录时,就调用查询接口,把数据当做选项,放在全局state里,这样哪里都能用的,但是问题是不能实时。再有就是用来做选项的那个查询接口,返回的数据量实在是太了,七万多条,会导致用户在登录时就因为数据量过大崩溃。2.期望:用户在往选择框中输入内容时原创 2020-06-09 15:19:13 · 1134 阅读 · 0 评论