阳光家园广州网站,广西住房和城乡建设厅三类人员继续教育,西安人才网官网,最新战争新闻事件今天前言 我们已经学习了 uniapp中全局页面挂载组件#xff08;小程序#xff09; 有些小伙伴问在H5怎么做那让我们试一试
直接上代码
//引用组件
import dialog from ./index.vue;
//我这里要把小程序的方法和h5方法写一起所以用了混入
import mixins from ./mixins.js
//使用…前言 我们已经学习了 uniapp中全局页面挂载组件小程序 有些小伙伴问在H5怎么做那让我们试一试
直接上代码
//引用组件
import dialog from ./index.vue;
//我这里要把小程序的方法和h5方法写一起所以用了混入
import mixins from ./mixins.js
//使用Vue构造器
const DialogConstructor Vue.extend(dialog)
//创建组件的Dom
let DialogConstructorDom {el: document.createElement(div),...mixins//将方法放入到dom中
}
//生成已经创建的实例
let hsDialogDom new DialogConstructor(DialogConstructorDom)
//利用原生dom方法将dom插入到body中
document.body.appendChild(hsDialogDom.$el)
//调用组件中的方法
hsDialogDom.open()// 这个就是组件里的方法1.其实就是使用Vue的extend创建一个“子类” 2.然后把相关参数挂载到哪个元素上、相应的方法、参数等等、new之后就生成了一个实例 3.将dom插入到页面中某个元素上 4.然后后面可以调用组件的方法
Vue.extend方法官方文档 官方的文档使用的是另一种方法挂载到某个元素上 其实都是可以的
结合这个方法可以同时插入到小程序和H5页面上
