Skip to main content

自定义组件

进阶:自定义events事件

通过扩展属性,可以定义一些生命周期的回调方法,以供实现特殊业务逻辑

1.案例

  • 比如在组件Created方法中执行一段逻辑
// 在组件的data属性中添加以下代码,添加的代码必须在isLock: false上面
data() {
    return {
      componentInfo: {
        component: "test-plugin",

        compName: "test-plugin",

        compDesc: "Component description information",
      },
      events: {
        myCreated: `function created(self) {
           // self即this,本组件的vue实例
          }`,
      },
      eventsOption: {
        myCreated: {
          lable: "label.dev.created",
          type: "code",
        },
      },
      isLock: false,
    };
  },
  • 在created()添加以下代码
  created() {
    ......
    let myCreated = eval("(false || " + this.eleEventObj.myCreated + ")");
    myCreated(this);
    ......
  },

2.效果展示