vue 解决数据改变但页面不渲染

最近好懒，平时遇到的好多坑都没有第一时间总结和记录，这两天因为踩到了同一个数据改变，页面延迟渲染的坑，所以记录一下，如下图：是当编辑时获取详情数据回显的接口，当验收人的下拉列表想重新选择时，页面迟迟没有改变，这里的解决方法是手动触发视图，即：$ forceUpdate（）方法，如下图：另外一种解决数据改变，页面延迟渲染或者不渲染的方法是：根据项目情况而定，我是两种方法在不同场景的bu...

修炼中的小妖怪

4715人浏览 · 2019-08-12 17:15:53

修炼中的小妖怪 · 2019-08-12 17:15:53 发布

最近好懒，平时遇到的好多坑都没有第一时间总结和记录，这两天因为踩到了同一个数据改变，页面延迟渲染的坑，所以记录一下，如下图：
在这里插入图片描述
是当编辑时获取详情数据回显的接口，当验收人的下拉列表想重新选择时，页面迟迟没有改变，这里的解决方法是手动触发视图，
即：$ forceUpdate（）方法，如下图：

另外一种解决数据改变，页面延迟渲染或者不渲染的方法是：
在这里插入图片描述
根据项目情况而定，我是两种方法在不同场景的bug里各自用上了

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}$/, //不连续的两位字母// /^