时间戳

首页 > 解决方案 > 在 vue.js 方法中删除具有特定 id 的元素

vue.js - 在 vue.js 方法中删除具有特定 id 的元素

问题描述

通过阅读问题，您可能已经在思考；只需使用纯 JavaScript 并添加：

document.getElementById('yourId').classList.add('hide');

.hide {
display: none;
}

我在我的程序中添加了类似的代码，但没有得到任何结果。这是我正在制作的项目的代码笔。程序视图：https
://codepen.io/dickeddocks/full/gKNMLW 编辑器视图：https ://codepen.io/dickeddocks/pen/gKNMLW

如果您只是玩游戏并一直单击“攻击”直到回合结束，您将收到警报，并且底部的日志将消失。如果再次单击“攻击”，则会开始另一轮，但会重新出现上一轮的日志。

我解决这个问题的解决方案是为每个<li>元素添加一个 id，并且在回合重置后 id 会改变。

然后，我尝试将这两种解决方案添加到重置应用程序的功能中。（'#log0' 是我选择给第一轮生成的所有列表元素的 id。然后，一个计数器变量将运行，使下一轮的所有列表元素 '#log1' -> '#log2' 和很快）。

document.getElementById('log0').classList.add('hideLog');
document.getElementById('log0').style.display = "none";

.hideLog {
display: none;
}

但由于某种原因，所有<li>项目都#log0不断出现

PS 我不希望任何人阅读 codepen 中的所有代码，如果您想知道一个简单的解决方案，我会很乐意接受。

更新：我什至尝试使用 Jquery 的 .addClass 并且仍然没有结果。

标签： vue.js

解决方案

推荐阅读