目录结构看第二个图
主页面代码
<template>
<view class="container">
<djc :edit="edit"></djc>
<button @click="edit = true">dsalfkjdskalfjlksda</button>
</view>
</template>
<script>
import djc from "../../components/djc/djc.vue";
export default {
components: {djc},
data() {
return {
edit: false,
};
},
methods: {},
};
</script>
插件页面代码
<template>
<view class="container">
<editor v-if="edit" id="editor" class="ql-container" :placeholder="placeholder" @ready="onEditorReady"></editor>
</view>
</template>
<script>
export default {
props: {
edit: {
type: Boolean,
default() {
return false;
},
},
},
methods: {
onEditorReady() {
// #ifdef MP-BAIDU
this.editorCtx = requireDynamicLib("editorLib").createEditorContext("editorId");
// #endif
// #ifdef APP-PLUS || H5 ||MP-WEIXIN
uni.createSelectorQuery()
.select("#editor")
.context((res) => {
this.editorCtx = res.context;
})
.exec();
// #endif
},
},
};
</script>