Question

VueJS-无法读取未定义的属性

2022-06-26

102

javascript vue.js vuejs3

有人可以帮我调试这个问题吗？

我在Vuejs课程中，我有一个奇怪的问题（即使我从课程中复制了paste源代码，也会发生没有它）。

，这是应用图像：

当我单击团队2时，它应该转到团队2及其详细信息。

这是工作代码：

479969659

但是，当我添加观察器时，导航不起作用，我会得到此问题：

”在此处输入图像描述“ 关于如何解决此问题的任何想法？

谢谢

注意： 我正在使用Vuejs 3（如果这意味着什么）：）

< P> 已解决 ： 501317308

Answer 1

解决问题的解决方案：

methods: {
        loadMembersData(route) {
            const teamId = route.params.teamId;
            const selectedTeam = this.teams.find((team) => team.id === teamId);
            if (selectedTeam) {
                const foundMembers = selectedTeam.members;
                const selectedMembers = [];

                for (const member of foundMembers) {
                    const selectedUser = this.users.find((user) => user.id === member);
                    selectedMembers.push(selectedUser);
                }

                this.members = selectedMembers;
                this.teamName = selectedTeam.name;
            }
        }
    },