需求

APP里面如何在admin项目中使用Func组件:

1.在package.json中增加

"yalc:jecloud": "yalc add @jecloud/utils @jecloud/app-ui @jecloud/app-func",

2.src/je.js替换成如下内容

import * as Vue from 'vue';
import * as Utils from '@jecloud/utils';
import * as Ui from '@jecloud/app-ui';
/**
* 初始化JE工具类
* 页面可以通过JE.调用utils里的所有工具函数
*/
export function setupJE(app) {
// 使用app环境的utils
Utils.useApp();
// 初始化JE
const JE = Utils.setupJE(app, { Ui, Utils, Vue });
// #ifdef H5
// 绑定全局JE
window.JE = window.JE || JE;
// #endif
// 注册UI
app.use(Ui);
}

3.src/app/index.js新增以下代码

import func from '@jecloud/app-func';

// 安装功能对象
app.use(func);
func.setup();

4.在业务代码中使用

<template>
     <Func func-code="HLH_12_GJYJYZ" style="width: 100%; height: 800px" />
 <template>
import { Func } from '@jecloud/app-func';
  export default {
    components: {
      Func,
    },
}
最后编辑: 秦永莲  文档更新时间: 2024-11-08 17:00   作者:呼丽华