vue3 vue-ueditor-wrap@3.x UE.Editor方法

Vue3中，如果你想在vue-ueditor-wrap这个第三方组件上操作UEditor编辑器，首先需要安装`vue-ueditor-wrap`版本3.x，然后在你的Vue组件中使用它提供的API。

`vue-ueditor-wrap`提供了一个封装好的`UEditor`实例，你可以通过以下步骤访问和调用UEditor的方法：

1. 在组件的data中初始化UEditor实例：

export default {
  data() {
    return {
      ue: null,
    };
  },
  created() {
    this.ue = this.$refs.myUeditor ? this.$refs.myUeditor.ueditor : null; // 假设myUeditor是你的组件内的UEditor元素ID
  },
};

2. 调用UEditor的方法，例如设置内容、显示或隐藏等：

methods: {
  setContent(text) {
    if (this.ue) {
      this.ue.execCommand('setContent', text);
    }
  },
  showEditor() {
    if (this.ue) {
      this.ue.show();
    }
  },
  hideEditor() {
    if (this.ue) {
      this.ue.hide();
    }
  },
}

这里的`execCommand`是一个常用的方法，用于执行预定义的编辑器命令。其他如设置配置、监听事件等也可以类似地操作。