javascript 相关问题

我在将正确的数据发送到 Vue 组件中子组件的事件处理程序时遇到问题。这是我的代码：我在将正确的数据发送到 Vue 组件中子组件的事件处理程序时遇到问题。这是我的代码： <template> <div> <div v-for="item in [1, 2, 3]"> <div @click=test(item)>test</div> <ConfirmModal v-if="showModal" @confirmed=test(item) /> <button v-on:click="showModal = true" ></button> </div> </div> </template> <script> import ConfirmModal from 'ConfirmModal' export default { components: {ConfirmModal}, data() { return {showModal: false} }, methods: { test(item) { console.log(item); this.showModal = false; }, }, } </script> 这是子组件的代码： <template><div class="modal" @click.self="$emit('confirmed')">subtest</div></template> 所以，基本上，我这里有一个数字数组，并使用 v-for 来迭代数组。为每一项创建一个 test 标签、一个子组件（包含 subtest 标签）和一个按钮。单击按钮时，将显示子组件。当我单击子组件（subtest标签）时，它消失了。 div 是一个标准组件，单击它时会发出 @click 事件。 confirmModal 是一个非常简单的组件，它监听 @click 事件并将它们重定向到 @confirmed 事件。因此，这段代码生成 3 × 3 项。当我单击任何标签时，会调用 test 方法来记录该项目的值。当我单击任何 test 标签时，我会在控制台中获得正确的值，即第一个项目为 1，第二个项目为 2，依此类推。但是，当我单击任何 subtest 标签时，无论我单击哪个链接，我总是会得到 3。（如果我更改数组中项目的顺序，那么我总是会得到放在数组最后位置的项目）。我不明白这里发生了什么，这是以相同的方式调用相同的方法。为什么当我点击 3 标签时 subtest 总是登录到控制台？如果你想知道我的子组件中的 class=modal 是用来做什么的，我不知道。这是一个非常复杂的项目中两个组件的骨架，由构建在 Liferay 之上的数千个文件组成，并且在许多目录中定义了 .modal 的文件超过十个。所以我不确定这个特定组件从哪个文件加载这个类。我没有把它从这个骨架代码中扔掉，只是因为当我从子组件的 div 中删除这个类时，一切都工作正常。我不知道为什么。类如何阻止接收正确的数据？我不明白这个。我知道这个错误可能无法重现，因为我没有提供.modal样式的定义，但我还是发布了它，因为我希望您可以在代码中看到其他错误或提出另一种方法如何在 test 事件上执行 @confirmed 方法。我正在使用 Vue 2。当我查看您的代码时，您可能忘记在检索发出的事件值时传递参数： <template><div class="modal" @click.self="$emit('confirmed', argumentShouldBeInserted)">subtest</div></template> 这里argumentShouldBeInserted可以是对象、数组或单个变量。只需调用父组件中的方法即可： <ConfirmModal v-if="showModal" @confirmed="test" />

javascript vue.js vuejs2 vue-component

回答 1 投票 0

分形单元的绝对id

我想创建一个函数来通过层/行和列id获取分形子对象的绝对id。在分形对象中存在重复的子对象，您可以将它们拆分为图层。任何带有

javascript fractals

回答 1 投票 0

通过下拉选择应用奖励，当选择不同的选项时奖励消失

我正在尝试构建一个导出 DnD 5e 字符表的 React 应用程序。根据您选择的种族/物种，有不同的奖励。我有一个下拉菜单可以选择您的比赛，我想申请...

javascript reactjs event-handling chakra-ui

回答 1 投票 0

使用 Google Apps 脚本从表格粘贴数据时避免更改 XLSX 表格名称

我有这个 Google Apps 脚本功能，可以将数据从 Google 表格中的基本工作表粘贴到 XLSX 文件中。它工作正常，但我有一个问题。当执行 file.setContent() 行时，Ex...