vscode页面空白问题

今天遇到页面空白问题，我起初以为是自己的的路由写错了，然后开始路由的详细查找，但是查找一圈之后发现啥也没错。于是我返回vsCode界面，准备继续查找问题，这时我票到左上角有个提示标。这时候我才想起来我编辑的页面还没有保存。因为vue实现的是热加载所以我们更改页面的时候一般不会再从新启动容器，只需要保存之后我们更改的结果就会加载到前端页面。所以我们更改文件之后一定要及时保存，否则就不会提交新的更改。

锋璠

3788人浏览 · 2020-08-20 11:06:50

锋璠 · 2020-08-20 11:06:50 发布

错误一

今天遇到页面空白问题，我起初以为是自己的的路由写错了，然后开始路由的详细查找，但是查找一圈之后发现啥也没错。于是我返回vsCode界面，准备继续查找问题，这时我票到左上角有个提示标。
在这里插入图片描述
这时候我才想起来我编辑的页面还没有保存。
因为vue实现的是热加载所以我们更改页面的时候一般不会再从新启动容器，只需要保存之后我们更改的结果就会加载到前端页面。所以我们更改文件之后一定要及时保存，否则就不会提交新的更改。

错误二

还有一个可能vsCode也是不提示错误的
那就是路由配置的路径忘记加“/”,如下图所示。
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^