Skip to main content

自定义组件

示例:如何引入第三方库

某些场景下,可能需要引入第三方库,平台提供了统一的JS注入方法CCDK,可以直接使用

1.例:如何引入jquery

  • 在静态资源中上传资源
  • 在export default上使用$CCDK.CCLoad.loadJs加载js
  • loadModel模式设置为start
<template>
  <div></div>
</template>

<script>
// 加载jquery
window.$CCDK.CCLoad.loadJs(
  "https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"
);
export default {
  data() {
    return {
      componentInfo: {
        // 组件唯一标识,全局唯一
        component: "cloudcc-demo-a",
        // 组件名称,在页面编辑器显示的名字
        compName: "cloudcc-demo-a",
        // 组件描述信息
        compDesc: "组件描述信息",
        // 设置组件在应用启动的时候加载
        loadModel: "start",
      },
      isLock: false,
    };
  },
};
</script>

2.效果展示