登录社区云,与社区用户共同成长
邀请您加入社区
vue子组件接收数据无效,生命周期问题(已解决)
背景:
在父组件mounted钩子中,获取接口数据。然后,通过props 传递给子组件。
遇到的问题:
子组件mounted接收数据无效。
分析:
在父组件获取api数据以后,传递给子组件,由于发起的请求是个异步函数,不能保证子组件挂载时数据获取完成。
方案:使用v-if保证在子组件挂载完成后,数据可以获取到。v-if=“传递的数据是否存在”
<pagination v-if="alllist.length!==0" @GetList="GetList" :list='alllist' />
前往低代码交流专区
更多推荐
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}$/, //不连续的两位字母// /^
echarts堆叠柱状图
Vue里echarts根据页面大小动态调整/自适应
扫一扫分享内容
所有评论(0)