![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端交互
ERROR!!!!!!
这个人很懒,什么都写了。
展开
-
html导出PDF,截取带滚动条html结构全部目标内容且保留样式
前人的基础上稍加修改优化了一下,解决了html2Canvas只能截取可见html部分问题以及截取全部目标内容后样式失效问题。具体问题需要具体分析。exportPDF(){//点击事件 //imageDom为pdf目标,注意imageDom的样式需要和body平级,注意不要污染全局 var width = this.$refs.imageDom.style.width var cloneDom = this.$refs.imageDom.cloneNode(true) cloneDom.s原创 2021-01-13 10:47:05 · 1171 阅读 · 1 评论 -
axios总结 异步请求骚操作
概述三方调用方式js库,基于promise,强力max。基本用法axios.get(url).then(ret =>{ console.log(ret.data);//data属性固定写法})常用APIPOST / GET / PUT / DELETE一、GET//url传递参数axios.get('***?id=123').then(ret => { console.log(ret.data);})//restful方式传参,一系列传参方式改变,后台都需要改动a原创 2020-10-28 11:17:02 · 410 阅读 · 0 评论 -
vue 点击复制选中指定文本,超好用
经过测试,方法兼容谷歌和IE,提取成公共方法如下:export function copyText(e) { let text = document.getElementById(e); let selection = window.getSelection(); let range = document.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(原创 2020-08-22 17:52:30 · 2055 阅读 · 0 评论 -
vue 刷新icon小动效
点击icon图标,旋转一周。最先尝试的逻辑是,给一个控制参数refresh,初始false,icon绑定两个样式,类似以下:<i :class="[refresh? 'el-icon-refresh go' : 'el-icon-refresh']" @click="iconClick"></i> el-icon-refresh是elementui自带图标.go { transform: rotate(360deg); transition: al原创 2020-08-24 17:09:59 · 2989 阅读 · 1 评论 -
数据加载等待 elementUI + vue
数据在加载过程中页面显示空白会让用户感到焦虑烦躁,加一点小动态可以解决这种问题。v-if控制页面三种状态:1、加载中;2、加载无数据;3、展示数据isloading true加载icon显示, false隐藏,初始truehasdata true无数据icon显示,false隐藏,初始false#mermaid-svg-DT1Dzo5kwcKcNgaE .label{font-family:'trebuchet ms', verdana, arial;font-family:var(-原创 2020-08-22 11:57:22 · 1478 阅读 · 0 评论 -
赋值的坑 0的布尔类型
目录background分析解决background简化一下问题以及代码后台返回中的数据中有这样一组:...rdwtdm:0,//number类型rdwtmc:'新型冠状病毒',...因为某些原因,原表单提交的rdwtdm是string类型因为数据类型不一致导致表单数据无法回填成功赋值代码是这样写的:rswtdm = rdwtdm?String(rdwtdm):'';打印了一下赋值后的form发现:数据类型复制成功,但数据未赋值成功...rdwtdm:'',//空字符串r原创 2020-06-24 11:29:28 · 1185 阅读 · 0 评论 -
中央事件总线 && onmessage/postMessage通信
目录原创 2020-06-16 11:33:11 · 469 阅读 · 3 评论 -
记录一些好用的插件
1、vue.js devtoolsvue的调试工具欢迎补充交流。原创 2020-04-25 22:39:12 · 137 阅读 · 1 评论 -
请求参数在IE浏览器乱码,请求失败报错
原因1:GET 和 POST混用了。GET请求方式需要参数紧跟其后。两种请求方式其他区别就是你所知道的。高级浏览器一般是不报错的,但是IE浏览器会报错。上香。原因2:IE浏览器转码问题,参照上一篇blog以后遇到其他参数报错报错原因再总结。...原创 2020-03-31 21:02:09 · 310 阅读 · 0 评论 -
IE浏览器GET请求方式乱码
问题ie浏览器,get方式请求时发生错误,参数乱码,时乱时不乱。以下是我输入“大”字。解决办法encodeURIComponent(JSON.stringify(参数),‘utf-8’)url: "/api/*******/******?data="+encodeURIComponent(JSON.stringify(this.form),'utf-8'),正常了...原创 2020-02-25 16:00:00 · 451 阅读 · 0 评论 -
ElementUI select组件下拉选中后同时获取label(name)和value(code)返回给后台
目录使用说明代码使用说明ElementUI中select组件,一般只能获到一个vlue值,通过value值把label展示在页面中。如果仅仅做展示用,这没有太大问题。但是涉及到交互,需要把选中的option的名称和code一起再返回给后台就需要多写几行代码了。话不多说。代码<el-form-item label="饺子" prop="zbldid" label-width="70p...原创 2019-12-27 18:01:53 · 8948 阅读 · 1 评论 -
跨域
这是一个基本不会遇到的问题,不过万一呢??跨域不论ajax,还是promise交互,都遵循同源策略原则。也就是说:http: 协议local: 主机地址/域名9090 端口号三者中有一个不一样就是未遵循同源策略,就不可以使用ajax或this.$http.get/post方式。但是在实际工作中运气实在不好(基本不会)会遇到接口地址和页面地址相左的情况,正常的交互方式就无法请...原创 2019-06-27 13:08:45 · 191 阅读 · 1 评论 -
PHP对MySQL数据库的交互(增删改查)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-06-14 16:38:14 · 782 阅读 · 13 评论