君为红颜笑＆deg-优快云博客

原创 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 3641

原创 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 2126

原创 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 1877

原创 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 1287

原创 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 460

原创 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 177

原创 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 3811

原创使用Mac终端连接腾讯云服务器

ssh密钥登录腾讯云，打开控制台，下载ssh密钥在Mac终端执行以下命令行chmod 400 <下载的与云服务器关联的ssh私钥的绝对路径>输入 ssh 用户名@购买到云服务到地址比如：root@49.234.198.82 之后会提示输入密码输入密码后即可连接成功登录宝塔面板终端输入以下命令行获取登录信息/etc/init.d/bt default...

2019-11-23 11:10:06 2019

原创 vue基础知识查缺补漏

动态参数从 2.6.0 开始，可以用方括号括起来的 JavaScript 表达式作为一个指令的参数：<a v-bind:[attributeName]="url"> ... </a>这里的 attributeName会被作为一个 JavaScript 表达式进行动态求值，求得的值将会作为最终的参数来使用。例如，如果你的Vue实例有一个 data属性 attribut...

2019-11-13 09:05:11 255

原创 vue中混入的使用——mixins

vue的mixins的使用=同一个生命周期，混入对象会比组件的先执行。=1.创建一个test.js，用export暴露出mixins对象export const mixinsTest = { methods:{ hello(){ console.log("hello"); } }, cr...

2019-11-11 15:31:33 330

原创搜索框的防抖节流以及搜索结果的实时展示

<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 233

原创解决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 1100

原创平滑滚动 scroll-behavior

给需要滚动的地方添加该属性，可以给滚动界面增加平滑滚动效果scroll-behavior的属性值auto：滚动框立即滚动。smooth：滚动框通过一个用户代理预定义的时长、使用预定义的时间函数，来实现平稳的滚动，用户代理应遵循其平台的约定，如果有的话。浏览器兼容性应用---- a标签设置返回顶部比如，当给a标签设置返回顶部时，会瞬间回到顶部，可以给html和body或者滚动区域设置该...

2019-10-11 22:41:39 744

原创 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 290

原创 vue项目打包并部署到服务器

vue项目打包静态资源放到static文件夹包括js、css、image，都放到static文件夹中修改路径配置config---index.js，找到assetsPublicPath:'/'；加个点：'./'如果有设置背景图片，需要重定向一下路径，将背景图片修改为static平级；build/utils.js 在50行，fallback下面设置背景图片地址：publicPath:'...

2019-09-30 10:42:59 2647

原创 vue项目设置某一页body的背景色

beforeCreate() { //在页面创建之前设置body的背景色 document.querySelector('body').setAttribute('style', 'background:#F9F9F9') }, beforeDestroy() { //在页面销毁之前移除body的属性，目的是设置的颜色只对当前页面有效 d...

2019-09-27 15:17:34 929 1

原创 background-size的用法

是什么指定背景图像的大小用法div{ background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat;}属性值

2019-09-26 19:26:05 397

原创 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 2440

转载 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 349

qq_44917563的博客