- 博客(27)
- 收藏
- 关注
RSS订阅原创 js 导出excel
IE下可能会出现格式问题 建议使用其他浏览器IEthis.$confirm('建议使用谷歌浏览器导出，IE导出可能出现格式问题，是否继续','提示',{ confirmButtonText:'是', cancelButtonText:'否', callback:function(action){ if(a
2022-01-25 14:49:23
335
原创 element table表格合并行列思路
对el-table进行合并行或列需要在el-table标签添加合并方法 span-method。<el-table :data="tableData" :span-method="arraySpanMethod"></el-table>查看官方的合并方法arraySpanMethod的实现arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) {
2021-06-11 16:20:41
1353
原创 js 设置光标位置到指定input元素
setCaretPosition:function (ctrl, pos) { // 大部分浏览器 if(ctrl.setSelectionRange) { ctrl.focus(); ctrl.setSelectionRange(pos, pos); // ...
2020-12-31 16:11:17
3082
2
原创 Vue.extend 挂载组件初始化数据不回显
that.Temp = Vue.extend({ template: '<div>{{model.name}}</div>', props: { value: { type: Object, default: function() {
2020-12-15 10:20:37
601
原创 element table 列在IE下没有撑满100%
.el-table__header{ width: 100% !important; }.el-table__body{ width: 100% !important; }
2020-09-29 15:55:32
1160
原创 layer父子页面交互
子页面调用父页面方法、变量window.parent.curVue.typography(); //在子页面中 window.parent变量就是父页面的全局上下文变量了 你可以拿到父页面中的所有变量和方法等 我的代码中curVue是父页面的VUE实例 typography是vue中methods中的方法父页面调用子页面方法layer.open({ type : 2, title : '页面标题', shadeClose : true, s
2020-09-14 16:37:22
289
原创 js 从一个数组中随机抽取元素
需求 从长度为20的数组中随机取出3个元素，且不能重复如果使用生成随机数取值的方法 可能会取到重复值 因为随机数可能重复 如果每次生成随机数都记录下来，再取的时候判断是否重复又太过麻烦可以使用随机打乱数组的方法，然后取数组前三个元素即可打乱数组方法Array.sort(function(){ return 0.5 - Math.random(); }) //sort方法会根据参数方法返回值的正负进行正序或倒序排列 然而Math.random会生成0-1之间的随机数 所
2020-06-28 11:02:56
3390
原创 webpack打包网站离线使用
因为公司业务需求，需要把一套项目在时长的电脑上并且离线的情况下打开做演示之用。所以只好把接口全部写成假数据。但是默认webpack打包出的文件是需要在服务器上打开 也就是要http或https形式打开 而直接打开是file形式的。所以需要修改下文件打包默认路径我们在webpack下修改配置文件 因为我使用的是vue cli3 webpack 版本是4 配置文件就在根目录 vue.config.js 如果没有 自己创建一个。 低版本的配置文件应该在config文件夹下publicPat
2020-06-18 16:43:58
1039
原创 js call与apply
w3school中对于call方法的介绍是：call() 方法是预定义的 JavaScript 方法。它可以用来调用所有者对象作为参数的方法。通过 call()，您能够使用属于另一个对象的方法。其实可以理解为 把一个方法放到一个指定的上下文环境中执行；例如var obj = { name:'xds', show:funciton}...
2020-06-16 14:29:55
102
原创 css 文本溢出显示省略号
webkit内核下.content { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }兼容其他浏览器.content {font-size: 14px;color: #4A4A4A;overflow: hidden;line-height: 26px;position: relative;height: 45
2020-05-27 16:06:18
184
原创 vue-element-admin 使用post请求时间过长并无法传输数据
删除 vue.config.js 中的 before: require('./mock/mock-server.js')
2020-05-15 16:16:41
2588
1
原创 vue路由传参方式
this.$router.push({name:'detail',params:{id:1}}); //在跳转页刷新后 参数会丢失 //在跳转页获取方式console.log(this.$route.params); //路由写法 { path: '/detail', name: 'detail',component: detail} this.$router.p...
2020-04-13 16:20:38
95
原创 pdfjs使用数据流显示pdf文件
pdf下载地址：http://mozilla.github.io/pdf.js///html部分<iframe src="./js/pdf/web/viewer.html" ref="frame" style="width:100%; height:100%; border:none;"></iframe>//使用iframe引用下载的pdf文件中的viewer.ht...
2020-03-31 16:26:43
1580
原创 vue中监听数组内部元素
在VUE中，对数组的监听是浅监听，也就是它只能监听到数组的长度或者有无的变化，当我们修改数组中的某一个值时，也就是数组的长度状态并没有改变时，在正常情况下它是无法监听到的，在watch中我们知道可以使用deep属性进行深监听，那么在其他情况下呢？我们有两种办法解决此问题1.通过原生的js对数组先进行切割，然后在添加新的内容（也就是我们要修改的内容）array.splice(i, 1, new...
2019-08-07 14:04:24
3495
转载 iframe自动撑开高度
<html><head><style>body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow: hidden;}</style></head> <body><iframe src='" ht...
2019-08-07 13:56:01
13716
4
原创 Unexpected token o in JSON at position 1错误
此错误一般由JSON.parse（）方法和JSON.stringify()方法的相关操作引起的，先来看一下这两个方法有什么作用。JSON.parse()用于从一个字符串中解析出json对象var str = '{"name":"LeonWu","age":"18"}'JSON.parse(str);//结果为一个Object// age: "18";// name: "LeonWu...
2019-08-05 11:38:26
878
转载 vue插槽
vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”，于是就关闭了vue说明文档。实际上，插槽的概念很简单，下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。进入三部分之前，先让还没接触过插槽的同学对什么...
2019-07-31 15:28:17
102
原创 scss转css 以及hotcss使用
hotcss官网：http://imochen.github.io/hotcss/用法引用：<script src="/path/to/hotcss.js"></script>根据页面渲染机制，hotcss.js必须在其他JS加载前加载，万不可异步加载。如果可以，你应将hotcss.js的内容以内嵌的方式写到标签里面进行加载，并且保证在其他js文件之前。为了避免不...
2019-07-27 11:35:58
1077
原创 媒体查询
两种写法一、写在style中<style> @media screen and(max-width:320px){ /* 只有在屏幕的最大宽度小于等于320px的时候 这里的代码才生效 */ } </style>二、写在link中<link src="aaaaaaaa.css" media="screen and(max-width:...
2019-07-27 10:56:11
88
转载 js同步与异步
你应该知道，javascript语言是一门“单线程”的语言，不像java语言，类继承Thread再来个thread.start就可以开辟一个线程，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。那么这里说的同步和异步到底是什么呢？如果你真的不懂，我希望你认真读完这篇文章。其实我个人觉得js官方的文档在使用两个词的时候并不准确，包括很...
2019-07-27 09:02:18
100
原创 element-ui 组件无法绑定事件
<el-col :span='3' class="infoIcon" v-on:click='fontLess'> <i class="el-icon-minus"></i></el-col>向上面这样给一个element组件绑定事件是不能触发的，除非是他封装好的预留事件，想要在他的组件上触发自己定义的事件，需要在事件后面添...
2019-07-27 08:30:17
1408
1
转载 vue watch监听数据回调新旧值相同
data:{ testData:{ dataInfo:{ a: '我是a', b: '我是b' } } }, watch: { testDataNew: { handler: (val, olVal) =...
2019-07-25 11:03:00
2879
原创 element-ui中table组件 对行设置高度使其不自动换行避免撑开高度
.cell{max-height: 23px !important;overflow: hidden; !important;} 一句搞定 高度 23px一行 看情况而定 overflow auto 可出现滚动条
2019-07-25 08:44:50
6318
原创 vue中引用导致数据与被引用数据同步修改
this.form = this.tableData[itemNum];如果在vue中这样用引用的方式给一个值赋值。那么在修改this.form的同时，被引用的值也会同时改变。解决方案this.form = Object.assign({},this.tableData[itemNum]);使用浅拷贝的方式进行赋值this.editDialogData = $.extend(true...
2019-07-25 08:43:24
502
原创 vue2.x脚手架
vue2.x脚手架使用vue init webpack-simple filename 下载好框架src文件夹目录下是我们要操作的文件app.vue文件：所有的组件集中到此文件中ep:import 组件名 from ‘组件地址’ 引用组件export default {name: ‘app’,data () {return {msg: ‘Welcome to leo Vue.j...
2019-07-23 09:00:45
195
原创 bootstrap
bootstrap栅格系统表单按钮按钮组导航（局部导航）导航条栅格系统栅格系统将页面平分为12分col-md-数字 在页面中等宽度下占栅格数，页面缩小时占比增大；col-sm-数字 在页面略小宽度下占栅格数，页面过小时占比增大；col-xs-数字 在页面超小宽度下占栅格数，页面在小时占比增大；（不常用）注：栅格系统会有padding，如果想去除padding在目标div外面在添加div...
2019-07-11 16:49:40
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人