vue 怎么获取父元素的所以子元素html

Question

例如：
`
<div id="demo">

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

</div>
`

获取demo下的所有html

Answer 1

let list = document.querySelectorAll('#demo *')

Answer 2

可以给div加上ref

<div id="demo" ref="aaa">
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
      </ul>
    </div>

获取的时候

this.$refs.aaa
this.$refs.aaa.children

Answer 3

1. 给父元素添加id，然后 document.getElementById('demo').children 获取
2. 添加 ref，根据 ref 获取