主页 / 问题 / 1417215
Accepted
g_0008
Asked:2022-08-05 21:58:12 +0000 UTC2022-08-05 21:58:12 +0000 UTC

无法通过 querySelectorAll 选择 td 表格单元格

  • 772

您需要填写表格的单元格。 在此处输入图像描述 为了填充所有单元格，我使用了 queryselectorall。但是数组出来是空的。

   <table>
      <tbody :id="`table-${id}`">
        <tr v-for="(row, index) in table[0]"
            :key="index + 'key'"
            class="rows">
          <td v-for="(cell, index) in table[1]" class="cell"
            :key="index" >
          </td>
        </tr>
      </tbody>

clicked () {
  const tableWrapper = document.querySelector('#table-' + this.id)
  const tds = tableWrapper.querySelectorAll('td')
  console.log('td', tableWrapper, tds)
  tds.forEach(td => {
    console.log('tds', td)
  })
}
html vue.js

1 个回答

  1. Best Answer

    您可以使用refs。有了它，就可以获得dom元素。但我不建议经常使用它。

    你可以在这里阅读

    new Vue({
  el: '#app',
  mounted() {
    this.$refs.input.focus()
  }
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <input ref="input">
</div>

    在此示例中，当页面加载时，使用 refs 设置焦点

    • 1

相关问题