我正在使用 vuejs2 CLI 选项 API 创建一些 Web 应用程序，我尝试创建一个事件发射器，但它一直说控制台中有错误，并且当单击具有事件发射器的按钮时不会显示任何内容.
错误显示在控制台中
这是我在子组件中的代码：
{{ name }} {{ friendIsFavorite ? "(Favorite)" : "" }}
- Phone: {{ phoneNumber }}
- Email: {{ emailAddress }}
使用toggleFavs方法的第一个按钮是我使用此方法发送事件发射器的按钮
1
1198toggleFavs() {
this.$emit("toggle-fav", this.id);
},
App.vue 主组件上的代码如下：
My Friends
其中事件的方法定义为：
toggleFavorites() {
// const targetedFriend = this.friends.find(
// (friend) => friend.id === friendId
// );
// console.log(targetedFriend);
// targetedFriend.isFavorite = !targetedFriend.isFavorite;
alert("This Works"); //just for demonstration but not working
帮帮我，我被困住了。
这是代码：
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
您的代码有两个问题。第一个是@BoussadjraBrahim 提到的，这是一个拼写错误（mehtod 而不是methods）。第二个问题是没有在 App.vue 中导入 FriendContact 组件并将其添加到 components 对象中。
固定示例code