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

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

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

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

打开vscode设置，在上方输入框搜索settings，进入到settings.json文件。添加以下属性：注: // - auto: 仅在超出行长度时才对属性进行换行。// - force: 对除第一个属性外的其他每个属性进行换行。// - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。// - force-expand-multiline: 对每个属性进行换

实现伪登录（登录白名单设置）

前言我们前端开发人员打包一般指在前台打包，比如一个vue项目，运行打包命令npm run build。这个是基于Node.js来打包运行的。项目线上环境是没有node的，所以为了配合后端有时要将项目打成后台需要的war包。步骤1、还是先运行npm run build,生成dist文件夹2、新建一个tomcat项目，并安装maven,创建过程可网上搜索3、项目创建好后，找到src/main/weba

项目中，父组件使用了 ref 属性调用子组件的方法突然报错了，代码和报错如下：解决方法：把 mounted 里的调用放到一个定时器里就可以了我的理解是因为 ref 属性初始渲染时，子组件还没挂载好，所以这个方法还不存在，所以不能访问。加个定时器延时执行。但是其他使用 ref 属性调用的方法又没有报错，百思不得其解。知道的可以回答下。setTimeout(() =&g...

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

最近做了原生app嵌套H5的手机端应用。因为是第一次做手机端应用，遇到问题挺多。现总结下登录页遇到的问题。正常样式如图：当点击输入框，键盘会弹起，此时样式就错乱了。输入框和底部的背景图会上移，遮挡住头部背景文字。给输入框加了高度之后，调整样式，输入框正常了，但底部的背景图还是被挤压上来了。然后修改了样式后还是不行。通过样式查看，背景图被挤压的原因是因为键盘弹起时改变了屏幕的可视区域大小，所以底部的