需求
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 作者:呼丽华