Javascript 从Vue js中的动态类名获取元素

但是我不知道我必须在国旗上填什么

let read =  document.getElementsByClassName('read${usersmenu_read}')

---

请给我解释一下。谢谢大家

您是否尝试在VueJS中使用

$refs

而不是使用

getElementsByClassName

。遵循以下步骤：

现在，您可以通过以下方式检索所有复选框：

<v-checkbox class="menu-checkbox" :class="`read${item.usersmenu_read}`" :value="item.usersmenu_read === 1 ? true : false "></v-checkbox>
// same for edit/add/delete

---

你的意思是在

${usersmenu\u read}

中？是的，我想按类名从v-checbox中获取元素，但我不知道如何用getElementByClassName获取它（我不知道我应该在这里填写什么）

:class=“`read${item.usersmenu read}”

这就给出了

class=“read\u和\u here\u项目”

如果你想得到它，你可以使用它

document.getElementsByClassName（`read${usersmenu\u read}`）。但是usersmenu_read变量在v-checkbox类绑定名称上必须相同。添加更多代码以了解现有逻辑。您可以共享您的整个页面组件吗？我已经尝试过了，并且可以工作，但如何获取多个数据（如填充数组或切片）？@IZY45我编辑了获取多个复选框的答案
let read =  document.getElementsByClassName(In this flag, What should i fill ?)

 <v-checkbox :class="`read${item.usersmenu_read}`" ref="readCheckbox" :value="item.usersmenu_read === 1 ? true : false "></v-checkbox>

// and use it in the component
this.$refs.readCheckbox

<v-checkbox class="menu-checkbox" :class="`read${item.usersmenu_read}`" :value="item.usersmenu_read === 1 ? true : false "></v-checkbox>
// same for edit/add/delete

document.getElementsByClassName('menu-checkbox')