使用vue-simplemde如何将Markdown的编辑区域和toolbar分开？

Question

我想模拟GhostBlog的编辑器样式，将markdown的toolbar栏放在页面的底部

相关代码

mounted: function () {
                var toolbarOld = document.getElementsByClassName(".editor-toolbar")
                console.log(toolbarOld)
                document.getElementById("toolbar").appendChild(toolbarOld)            
}

但是我在父组件中使用dom是获取不到子组件的.editor-toolbar的dom节点的。

有什么解决办法吗？谢谢