- 博客(26)
- 资源 (4)
- 收藏
- 关注

原创 vue el-dialog父组件调用子组件弹框created只调用了一次
在el-dialog外层加上一层div,如下代码<div v-if="dialogVisible"> <el-dialog> .... </el-dialog></div>dialogVisible为弹窗是否显示的判断变量原因:父组件调用子组件后只渲染了一次,加上v-if,即每次渲染完都会进行摧毁,再重新调用...
2021-06-07 16:12:56
2014
9

原创 event loop事件循环
了解event loop,我们先了解以下3点①js是单线程②异步基于回调实现③event loop是异步回调的实现原理我们来看个图
2021-02-22 16:56:25
342
6

原创 前端渲染,后端渲染,前端路由,后端路由,看这就够了
学习这个内容我们就得从前后端的历史讲起,以事件顺序为主总共可以分为以下6点①后端渲染(服务器端渲染)概念:当你在浏览器客户端输入一个网址时,url地址会发送给服务器解析,服务器会通过jsp,html+css+java(将数据动态的提到到页面)渲染好页面再给到浏览器,这就是后端渲染。这时候url会和跟自己对应的服务器渲染区有映射关系,这由后端路由进行处理②后端路由概念:处理url和页面之间的映射关系,即服务器直接生产开发整个html页面返回到客户端进行展示缺点:所有页面都由后端人.
2021-02-22 15:56:12
326
1
原创 sql server 中文乱码(??) / 无法用排他锁锁定数据库,已执行该操作‘
sqlserver 中文乱码(??)/ 无法用排他锁锁定数据库,已执行该操作
2022-08-15 17:33:20
802
原创 el-table内边框线对不齐
在App.vue下写全局style即可body .el-table th .gutter { display:table-cell !important;}
2021-12-16 10:41:18
1275
原创 el-table树型结构自动展开
1.获取el-table树型结构小三角的Dom,赋予点击事件。methods:{expandAll(){//el-table_expand-icon即为小三角的classname,不需要自己设置 var els = document.getElementByClassName('el-table_expand-icon'); for(var i=0;i<els.length;i++){ els[i].click()}}}2.将该方法放置在该组件里即可update(){ th
2021-12-16 10:32:12
1682
1
原创 sso单点登录停留在sso页面,需刷新才能跳转到登录页面
已解决:在跳转登录页面时 window.location.href = xxx + xxx,后加上window.location.reload()即可实现
2021-12-16 09:45:43
936
原创 Vue webpack打包后可以直接修改配置文件
1.创建新的js配置文件 放在public目录下,防止js文件被打包编译2.js配置文件里将变量参数赋值window全局3.在public/index.html导入该js配置文件4.最后在需要用到得地方直接window.名称即可亲测有效 这样就不用每次需要修改配置时再重新打包...
2021-11-10 11:16:36
1195
1
原创 Vue filter过滤器的适用范围及用法
从官方文档可以看出filter只适用于 mustache(即双括号)以及v-bind中在需过滤变量后加 | 方法名(参数):data="list | format(Month)"写filter过滤 (与data、methods同级) filters: { format(value, Month) { //value即为list,Month为绑定过滤器时传递的参数 //过滤条件 return value //最后返回value即.
2021-11-01 15:24:31
204
原创 vue 子组件数据没有同步父组件的数据更新
需深度监听父组件数据的变化newMonth为父组件传过子组件的动态值监听newMonth发生变化时即执行对应方法这个的目的是清空上次echarts保留的数据,进而重新渲染
2021-11-01 15:09:55
526
原创 echart 刷新时保留了上次的数据,没有清空而是叠加过去
一、官方API文档给的解决方法myChart.setOption(option,true)试过无效,原因不清楚.myChart.clear()清除画布,试过也无效二、亲测有效的方法将echarts用到的数据清空再进行渲染
2021-11-01 15:02:09
1652
原创 el-table的合计列getSummaries方法第一次访问没有合计值显示,刷新当前路由就可以
问题描述:如上标题解决方法:判断列的时候不要用 column.id 进行判断 改column.label,具体原因还不清楚欢迎评论叨扰
2021-10-25 18:17:33
932
原创 js函数无法执行 加上alert后可执行
解决方法:在js方法里的执行脚本加上setTimeout,如下:-setTimeout(function(){ 执行脚本 },1000)
2021-09-27 14:32:36
198
原创 vue刷新路由的方式
1.使用provide+inject的方式(实用)注册(App.vue)<template> <div id="app"> <router-view v-if="isRouterAlice" /> </div></template><script>export default { name: 'App', provide() { return { reload: this.rel
2021-09-14 13:36:58
781
1
原创 vue实现压缩上传图片
写压缩方法 compressImg(file) { var files var fileSize = parseFloat(parseInt(file['size']) / 1024 / 1024).toFixed(2) var read = new FileReader() read.readAsDataURL(file) return new Promise(function(resolve, reject) { read.
2021-07-16 17:04:24
1840
原创 vue使用a标签 download属性下载本地资源
直接放代码,大概功能是能将本地的文件放置页面供其他人下载参考模板请点击下载: <a href="/eg.xlsx" download="eg.xlsx" class="down">example.xlsx</a>将本地文件放在vue项目下的public里面,这点很重要,我之前放在了static目录下,硬是排了半天错,所以放在public目录下!!!...
2021-07-16 16:42:33
1081
原创 el-table 表头栏和列对齐
在 全局组件里写入以下代码即App .vue文件body.el-tableth.gutter{display:table-cell!important;}即可
2021-06-07 16:05:19
369
原创 promise解析
概念①promise是异步编程的一种解决方案,网络请求②封装一网络请求的函数,不能立即拿到结果,我们又不能等网络请求数据,我们只能传入另一个函数,让他去请求数据,当前函数继续执行,当请求数据成功后再通过回调函数传回来③promise在有异步操作时使用,使用promise对这个异步操作进行封装④promise会让异步操作变得优雅,结构清晰,逻辑清晰,不会陷入异步地狱⑤即嵌套编程-链式编程,每个异步函数都封装promise⑥格式:...
2021-02-23 17:10:46
348
原创 对mvvm模型的理解
全称model view viewmodel Model代表数据,view代表ui,viewmodel通过监听model的改变同步view和model的对象 在mvvm架构下,view和model没有直接的联系,而是通过viewmodel进行交互,viewmodel和model双向绑定,view行为数据改变时会被viewmodel监听到并同步到model,model改变时同样也会被监听到同步到view 通过双向绑定把view和model连接起来,view和model之间的同步工作完成是自动的,无需人干
2021-02-23 14:37:27
394
原创 原型链解析,原型链例子
先来了解一些概念: 原型(prototype):是一个对象,作用是共享方法 原型链:在任意对象和Object.prototype之间,存在一条由__proto__进行连接的链,即为原型链原型链是个抽象的概念,我们通过例子来解析原型链定义了构造函数Star,构造函数Star的原型对象(Star.prototype),以及构造函数Star的实例化对象kb以上三者的关系如下①构造函数Star通过prototype指向Star的原型对象prototype...
2021-02-23 11:46:23
629
原创 runtime-only和runtime-compiler的区别
①main.js内容部分不同,compiler可编译template模板,only不可②complier编译过程template-ast(抽象语法树)-render函数-虚拟dom-uiOnly编译过程:render-vdom-ui③only性能更高,代码量少,储存量小,以后开发选only总结:使用runtime-only虽然不能够自己编译template模板,但是系统内部会自动编译template模板,因为之前安装的插件vue - template - compiler...
2021-02-22 17:15:00
182
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人