请问如何拿到el进行手动挂载

来源：1-2 课程介绍（导学）

hy_wang

2020-11-13

请问下vue3中的手动挂载应该如何处理？就好比vue2中

import Dialog from "./dialog.vue"
import Vue from "vue"

const dialogInstance = Vue.extend(Dialog)
const el = dialogInstance.$el
document.body.appendChild(el)

请问在vue3中应该如何拿到el？

export function createdInstance(props) {
  /* eslint-disable */
  if (!props) {
    props = Object.create(null)
  }
  // dialogContarct
  const dialogContract = createApp(Dialog).mount()
  console.log(dialogContract,'dialogContract')
  // const instance = new dialogContract(props).$el
  document.body.appendChild(dialogContract)
}

打印出来是undefined

写回答

1回答

扬_灵

2020-11-13

同学你好，在vue3中获取实例可以通过下面这种方式。

import {getCurrentInstance} from 'vue' 
const instance = getCurrentInstance()
console.log(instance,'当前组件的实例')

扬_灵

hy_wang

同学你好，可以把代码上传到github或是码云这些代码托管平台，把地址发我一下，我在本地帮你定位一下。

2020-11-16

共4条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程

相似问题

vue3用element-plus插件el-col如何进行五等分

回答 1

老师，百度地图如何自动缩放动画速度是匀速的？

回答 1

为什么这里导航按用el-menu而不用el-tabs？

回答 1

请问老师关闭动画的逻辑

回答 2

关于组件拆分的问题

回答 1

打开慕课网App查看更多内容