返回一个方法给子组件 方法内部返回数据
响应式
-
父组件
props: ['infoData'], provide() { return { info: this.getInfo } }, data: function () { return { info: '', } }, methods: { // 发送请求 根据id查询个人数据信息 async getInformationById () { // let result = await getInfofunc( {id: this.params.id} ) // 测试用于自动登录 let result = await getInfofunc( {id: 1} ) this.info = result console.log('info', this.info); }, getInfo () { return this.info } } -
子组件
inject: { info: { type: Object } }, methods: { console.log("header-info",this.info()) }
本文介绍如何在 Vue.js 中,父组件通过 props 和 provide/inject 将动态获取的 'infoData' 传递给子组件,并实现子组件内响应式调用该信息的方法。
1042

被折叠的 条评论
为什么被折叠?



