elementui的this类扩展

import Vue from 'vue';
import form from '@/components/xComponents/form';
//注册组件
const constructors = {
  form: Vue.extend(form)
}
// 抛出函数
export default function (name, options) {
    // 只能在服务(指令)中使用
    if (Vue.prototype.$isServer) return;
    // 必须已注册的组件
    if (!constructors.hasOwnProperty(name)) {
        return null;
    }
    // 配置
    options = options || {};
    // 实例化
    const instance = new constructors[name]({
        data: options
    });
    // 组件渲染
    instance.$mount();
    // 在body中追加子元素
    document.body.appendChild(instance.$el);
    // 显示组件
    instance.visible = true;
    // 返回组件对象,可以做后续的调用
    return instance;
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容