- 博客(19)
- 收藏
- 关注
RSS订阅原创 element-ui的el-table表格渲染错位以及高度计算错误问题
前提：在项目中做动态表格，有时表格内容会错位，有时表格高度计算错误原因：在获得数据之后DOM不重新渲染了，即DOM渲染发生在获取数据之前解决方法：获取数据之后再让表格重新渲染，在el-table的 Table Methods中有一个方法解决方法在请求获得数据后，立刻获取更新后的DOMthis.$nextTick(() => { this.$refs.multipleTable.doLayout(); // el-table加ref="multipleTable" })
2020-07-22 11:56:08
3289
原创 element-ui表格的合计行不显示问题
vue+elementui项目中合计这一列不显示，但是缩放下页面或者稍微修改下F12里dom中的东西就又显示了原因分析查看dom布局发现，合计一列并未包含在el-table中，而el-table原始文件给的是overflow:hidden;解决办法解决办法1.el-table{overflow:visible !important;}解决办法2在自定义的合计方法中调用element-ui中el-table的doLayout方法，具体参见element-ui官方文档getSum.
2020-06-29 14:24:37
2024
原创 Javascript语法规范错误提示代码
“Missing semicolon.” : “缺少分号.”,“Use the function form of \”use strict\”.” : “使用标准化定义function.”,“Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”,“Expected a JSON value.” : “请传入一个json的值.”,“...
2020-01-15 11:31:34
1651
原创 vue 实现打印及table输出为excel
vue 实现打印及table输出为excel打印安装npm install vue-print-nb --save引入 安装好以后在main.js文件中引入import Print from 'vue-print-nb'Vue.use(Print); //注册使用<div id="printTest" > <p>明月照于山间</...
2019-12-12 16:41:17
1236
原创 iterm快捷键
option + space 快速打开iterm窗口command+d 垂直分割iterm窗口command+shift+d 水平分割iterm窗口在iTerm2中，直接用鼠标选中某个单词或者一行命令，那么就已经被复制了。不需要在去按command+C命令了。shift+command+h 快速显示出我复制过的历史记录，你可以快速选择使用command+enter 全屏与正...
2019-11-24 11:31:49
374
原创 vue中的ref和refs
ref用在DOM元素上如果在普通的 DOM 元素上使用ref，引用指向的就是 DOM 元素<div> <input type="text" ref='input' /></div>console.log(this.refs.input) //<input type="text" ref='input' />ref用在子组件上如果...
2019-11-24 09:44:28
146
原创 SourceTree在mac平台下的安装与使用超详尽教程
前言SourceTree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端，主要依赖可视化界面操作,省去繁琐复杂不容易理解的终端命令,SourceTree也是Mercurial和Subversion版本控制系统工具,支持创建Local repositories 和remote repositories、submit、clone、push、pull 和merge等操作,可...
2019-11-23 15:12:17
3176
原创 使用Mac终端连接腾讯云服务器
ssh密钥登录腾讯云，打开控制台，下载ssh密钥在Mac终端执行以下命令行chmod 400 <下载的与云服务器关联的ssh私钥的绝对路径>输入 ssh 用户名@购买到云服务到地址比如：root@49.234.198.82 之后会提示输入密码输入密码后即可连接成功登录宝塔面板终端输入以下命令行获取登录信息/etc/init.d/bt default...
2019-11-23 11:10:06
1931
原创 vue基础知识查缺补漏
动态参数从 2.6.0 开始，可以用方括号括起来的 JavaScript 表达式作为一个指令的参数：<a v-bind:[attributeName]="url"> ... </a>这里的 attributeName会被作为一个 JavaScript 表达式进行动态求值，求得的值将会作为最终的参数来使用。例如，如果你的Vue实例有一个 data属性 attribut...
2019-11-13 09:05:11
199
原创 vue中混入的使用——mixins
vue的mixins的使用=同一个生命周期，混入对象会比组件的先执行。=1.创建一个test.js，用export暴露出mixins对象export const mixinsTest = { methods:{ hello(){ console.log("hello"); } }, cr...
2019-11-11 15:31:33
277
原创 搜索框的防抖节流以及搜索结果的实时展示
<div id="watch-example"> <p> Ask a yes/no question: <input v-model="question"> </p> <p>{{ answer }}</p></div><!-- 因为 AJAX 库和通用工具的生态已经相当丰富，...
2019-11-09 16:14:31
176
原创 解决js小数计算不准确
乘法Mul(a, b) { var str1 = a.toString(),str2 = b.toString(),m=0; try{m += str1.split('.')[1].length;}catch(e){} try{m += str2.split('.')[1].length;}catch(e){} return Number(str1.replace(".", "")) *...
2019-10-29 13:55:34
1044
原创 平滑滚动 scroll-behavior
给需要滚动的地方添加该属性，可以给滚动界面增加平滑滚动效果scroll-behavior的属性值auto：滚动框立即滚动。smooth：滚动框通过一个用户代理预定义的时长、使用预定义的时间函数，来实现平稳的滚动，用户代理应遵循其平台的约定，如果有的话。浏览器兼容性应用---- a标签设置返回顶部比如，当给a标签设置返回顶部时，会瞬间回到顶部，可以给html和body或者滚动区域设置该...
2019-10-11 22:41:39
634
原创 id挂载在window上
通过id获取元素通过document.getElementById获取<button id="btn">点击</button><script> var btn = document.getElementById("btn") btn.onclick=function(){ console.log(111) }</scri...
2019-10-11 22:15:55
239
原创 vue项目打包并部署到服务器
vue项目打包静态资源放到static文件夹包括js、css、image，都放到static文件夹中修改路径配置config---index.js，找到assetsPublicPath:'/'；加个点：'./'如果有设置背景图片，需要重定向一下路径，将背景图片修改为static平级；build/utils.js 在50行，fallback下面设置背景图片地址：publicPath:'...
2019-09-30 10:42:59
2607
原创 vue项目设置某一页body的背景色
beforeCreate() { //在页面创建之前设置body的背景色 document.querySelector('body').setAttribute('style', 'background:#F9F9F9') }, beforeDestroy() { //在页面销毁之前移除body的属性，目的是设置的颜色只对当前页面有效 d...
2019-09-27 15:17:34
829
1
原创 background-size的用法
是什么指定背景图像的大小用法div{ background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat;}属性值
2019-09-26 19:26:05
348
原创 npm淘宝镜像和默认镜像切换
获取当前的镜像地址npm get registry 切换成淘宝镜像npm config set registry http://registry.npm.taobao.org/换回原来npm config set registry https://registry.npmjs.org/
2019-09-26 12:52:05
2366
转载 vue生成二维码插件---QRCode
QRCode.js是什么？QRCode.js是用于制作二维码的JavaScript库安装npm i qrcodejs2在需要使用的组件中引入import QRCode from 'qrcodejs2'创建DOM元素，存储二维码的位置<div id="qrcode" ref="qrcode"></div>生成二维码的方法qrcode() { le...
2019-09-26 12:45:16
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人