第一次做移动端的项目使用了vant-ui，在用grid组件的时候出了个bug。当刷新页面或页面发生错误时，九宫格布局会变成下图这样图标突然变小，随便点击一下其它页面就又恢复正常。出现的原因不是太清楚。但是找到了解决方法。把图片放到slot里就可以了。// 原来的代码<van-grid-item text="巡察实施" to="/inspection"><img src="../.

根本原因是：在配置中给yarn指定的淘宝仓库地址过期了，换成`从控制台可以看出，项目依赖没有下载下来，所以打包失败了。今天用jenkins发布项目时失败了，而前几天还好好的。云控制台看了下，发现根本就没打包。

创建一个容器，将漏斗图和一个新div放到里面，然后将容器定位设置成`relative`,div的定位设为`absolute`。连接线用`hr`,重写样式。连接线宽度是一样的，所以标签能对齐。方法一：创建一个div，利用绝对定位定位到需要的位置。方法二：利用两个漏斗图，让其中一个不显示label。两个漏斗图的data值是一样的。这个方法的缺点是间距不太准确。

之前做 了个点击输入框弹出dialog对话框的功能，当然输入框是不能输入的，所以加了disabled属性，在谷歌、IE上都支持。今天同事反映说在火狐上dialog弹不出来。经过测试发现是disabled属性的问题，去掉就可以。或将disabled换成readonly。<el-input style="width: 220px;" size="mini" v-model="innerItem.

nginx解决跨域问题

项目中引用了一个UI组件库，在表单上添加了`ref`属性，方便提交时验证。触发提交方法时显示不存在这个方法或this.$refs为undefined。然后用`ctx.$refs`代替`this.$refs`。这里的`ctx`相当于全局this。

大概的可能性是此文件夹在git中会有缓存，如果某些文件已经被纳入了版本管理中，就算是在.gitignore中已经声明了忽略路径也是不起作用的，这时候我们就应该先把本地缓存删除，然后再进行git的push，这样就不会出现忽略的文件了。

其实我们只要控制打印的行数就可以了。我们需要知道打印元素的高度和表格行的高度，算出一页纸可以打印多少行，超出的部分放到下一页打印。4、-webkit-print-color-adjust：是一个在浏览器中强制打印背景颜色和字体颜色的css属性，当打印出来的某些元素的背景颜色没有被显示时，可以使用。我们页面的样式和打印页面时的样式是两个不同的样式，打印时会默认携带页面的样式，同时呢我们也可以修改页面

vue项目中多文件的上传和下载进度监测

项目中引用了一个UI组件库，在表单上添加了`ref`属性，方便提交时验证。触发提交方法时显示不存在这个方法或this.$refs为undefined。然后用`ctx.$refs`代替`this.$refs`。这里的`ctx`相当于全局this。