- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue跳转后，滚动条没有回到顶部
解决方法：//在app.vue中加入window.scrollTo(0, 0)官网相关文档：[https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html]
2021-01-29 17:49:49
370
1
原创 钉钉自定义组件使用F2遇到的问题
小程序引入方式官网有教程，参考支付宝小程序引入。遇到的问题如下：1.图表刷新：请求到数据给到图表时，图表未刷新，使用：Charts.changeData(data);//data为后端数据Charts.repaint();//更新图表//两个要一起用才行2.饼图中PieLabel引入报错，最终引入如下： const PieLabel = require('@antv/f2/lib/plugin/pie-label'); F2.Chart.plugins.register([ PieLab
2021-01-29 17:29:47
684
原创 element ui多选图片，一次性上传
今天写项目用到了 element 的上传，要求是多选不限制上传数量，在使用时发现element都是一次一次调接口。在这里用到了http-request（覆盖默认的上传行为，可以自定义上传的实现），以及auto-upload：false（是否在选取文件后立即进行上传）html部分：<el-upload class="upload-demo" ref="upload" action="http://xxx/uploadFileOSS" //后端接口 multiple
2020-07-09 17:56:40
2185
原创 关于pdf
去年做项目时，有个需求，页面转pdf并下载。在网上看到html2cavans和jspdf可以实现，就开始搞，然后踩坑之路就开始了。因为我们的页面有图片图表表格，如下图：然后在使用时，图片和表格被截断。找了很多解决方案，有的说pdf不分页，不分页客户是不会同意的。只能手动算下高度，避免掉截断的地方。我以为这样就万事大吉了。结果，当下载的文件过大，页面直接卡死了，超过20m直接卡死。因为我们做的事钉钉微应用，部署到钉钉里面，无奈只能放弃html2canvas，跳转到浏览器，利用window.print
2020-06-09 16:24:30
398
原创 Canvas 画布实现简单的刮刮乐功能
代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> #cvs{ border: 1px solid palegreen...
2019-12-04 17:59:50
171
原创 关于element表单以及表单验证
记录一下表单用到验证去除空格，使用饿了么只需绑定trim v-model.trim="form.designation"只能输入数字，使用饿了么绑定numberv-model.number="form.OutdoorArea"自定义验证：例：rules prop都要有验证电话以及座机 /^((13[0-9])|(14[5|7])|(15([0-3]|[5...
2019-11-26 15:26:19
427
原创 vue+element ui实现导入功能
html部分 <el-upload action :on-change="handleChange" :http-request="uploadFile" ref="upload" class="upload-demo" >...
2019-11-25 13:48:50
998
1
原创 vue加element实现table手风琴展开收起
简单记录一下，最近在做项目的时候，有一个需求，要点展开的时候table显示子项，并且展开的字样变成收起。再次点击收起变成展开，然后关闭子项。并且点击别的行，展开的行就会关闭，显示点击的行，字也跟着变。如下图：代码如下：html部分： <el-table-column label="更多" align="right"> <template slot-sco...
2019-10-12 17:10:46
1271
原创 react生命周期理解
react组件的生命周期：生命周期指的是组件从初始化开始到结束的过程 ， 或者是生命周期是描述react组件从开始到结束的过程。每个react组件都具有生命周期。react都对组件通过生命周期给予的钩子函数进行管理。钩子函数：指的是系统某些状态和参数发生改变的时候，系统立马去通知对应处理的函数，叫做钩子函数。通俗讲：一方面又变动。另一方面立马去处理。react组件经历的总阶段...
2019-07-17 17:26:30
235
原创 promise结合ajax异步操作
Promises对象是CommonJS工作组提出的一种规范，目的是为异步编程提供统一接口。简单说，它的思想是，每一个异步任务返回一个Promise对象，该对象有一个then方法，允许指定回调函数。比如，f1的回调函数f2,可以写成：f1().then(f2);以下结合具体分析：(当要实现一下比如开始，进行，完成。)setTimeout(function(){ console.l...
2019-07-17 17:24:20
774
原创 vue生命周期总结
生命周期：从创建到销毁的整个过程所有的生命周期钩子函数自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着 你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文，因此 this 与你期待的 Vue 实例不同， this.fetchTodos 的行为未定义。v...
2019-07-06 12:04:35
86
原创 react 之 无状态组件
在React中创建组件有三种方式：es5写法:React.createClasses6写法：React.Component无状态函数写法，又称为纯组件SFC无状态组件的优势：代码简洁，易读无状态，无this，无需绑定便于测试性能高无状态的函数创建的组件是无状态组件，它是一种只负责展示的纯组件：function Hello(props){ return (<...
2019-07-05 16:56:36
250
翻译 vue实现简单的数据筛选
代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv...
2019-06-26 15:04:30
2695
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人