vue组件props中异步获取的数据

在使用vue组件时，我们不免使用props获取父组件的数据，对于父组件直接定义的数据，例如：data{sex: ‘男’，….}我们直接使用即可，但是如果我们所需的数据在父组件中是使用异步获取时，尤其我们的组件需要等待数据进行下一步操作时，如果不采用特殊的办法就会产生不可预知的错误，这时我们可以在子组件中使用watch，检测数据的变化，只用数据传递的值符合我们的期...

babulongbo

3201人浏览 · 2018-05-17 19:26:58

babulongbo · 2018-05-17 19:26:58 发布

在使用vue组件时，我们不免使用props获取父组件的数据，对于父组件直接定义的数据，例如：
data{
sex: ‘男’，
….
}
我们直接使用即可，但是如果我们所需的数据在父组件中是使用异步获取时，尤其我们的组件需要等待数据进行下一步操作时，如果不采用特殊的办法就会产生不可预知的错误，这时我们可以在子组件中使用watch，检测数据的变化，只用数据传递的值符合我们的期望时在进行下一步操作。

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