从vuejs的内容中获取dom

Question

假设我的页面中有一些div：

<div id="root">
   <div id="content1" v-html="content"></div>
   <div id="content2"></div>
   <div id="content3"></div>
</div>

我写脚本：

cont myapp = new Vue({
    el:'#root'
    ,data:{'content':''}
    ,methods{
        get_content_dom:function(){
            return document.getElementById('id_from_content');
        }
    }
})

如何设置方法get_content_dom来查找附加了html内容的dom，因为也许有时我想将html内容移至＃content1或＃content2或＃content3。

以任何方式设置获取html内容的方法的方法吗？

Answer 1

我不建议使用DOM来控制内容。相反，使用数据驱动内容

data: () => ({
  contents: ['content 1', 'content 2', 'content 3']
})

<div id="root">
  <div v-for="(content, index) in contents"
       :id="`content${index + 1}`" 
       :key="index"
       v-html="content"></div>
</div>