Vue.js 我需要新的眼睛来修复VUE道具不起作用的问题

Vue.js 我需要新的眼睛来修复VUE道具不起作用的问题,vue.js,Vue.js,在VUE.JS中这是一个愚蠢的任务。。。但是我错过了 我有一个子父组件,具有: <teamPlayers :teamId="team.id_team"></teamPlayers> 控制台应该返回正确的值,但它返回的是未定义的值,而不是{{teamId}}的值 我所能想到的就是团队可能不会在数据函数中声明。如果不是,它就不会是反应性的。考虑下面的例子: 康斯特队员={ 道具:[团队ID], 方法:{ 开玩笑{ console.logthis.teamId; } },

在VUE.JS中这是一个愚蠢的任务。。。但是我错过了

我有一个子父组件,具有:

<teamPlayers :teamId="team.id_team"></teamPlayers>

控制台应该返回正确的值,但它返回的是未定义的值,而不是{{teamId}}的值

我所能想到的就是团队可能不会在数据函数中声明。如果不是,它就不会是反应性的。考虑下面的例子:

康斯特队员={ 道具:[团队ID], 方法:{ 开玩笑{ console.logthis.teamId; } }, 创造{ 这是开玩笑; }, 模板:{{teamId} }; const app=新的Vue{ el:应用程序, 组成部分:{ 团队成员:团队成员 }, 资料{ 返回{ 团队:[] }; }, 安装{ 设置超时=>{ 这是一个团队=[{ id_团队:嘶嘶 }, { 小组:巴斯 }, { 小组名称:富 }, { id_团队:酒吧 } ] }, 1000; } };
可能是在创建子组件之后,您正在修改父组件中的团队对象。尝试将v-if=team.id\u团队添加到您的子组件中,以检查是否存在这种情况。嗯,我认为这是正确的方法。。。谢谢尚未修复,但如果我更改父组件:teamId=2,则在控制台中得到值2!你到底是如何使用TeamPlayer元素的?它是否在v-for中?@zero298是的,它是v-for是的,只有在团队对象具有id_团队属性值后才会显示子对象;然后,创建的生命周期钩子将记录您期望的内容。没错。我得把它修好。非常感谢您抽出时间!:D
export default {
    props: ['teamId'],
    methods: {
        getJokess: function () {
            console.log(this.teamId);
        },
    },

    created() {
        this.getJokess();
    }
}