Closed ponysb closed 5 months ago
使用的vue吗?
onMounted
我这里无法重现,相关代码在 https://github.com/Vanessa219/vditor/blob/0346f19d83cef6f69929d5d43ba64219cff6e0cb/src/index.ts#L83 ,还麻烦看看是什么问题导致的,这边好对应进行修改。
使用vue3在刚写完的时候发现也出现这个问题,经过排查发现实际是这个地方:是初始化id的时候不正确导致的
异常的如下:
<template>
<section id="hero">
<!-- 指定一个容器 -->
<div id="vditor"></div>
</section>
</template>
<script>
import { ref, onMounted } from 'vue';
import Vditor from 'vditor';
import 'vditor/dist/index.css';
export default {
setup() {
const vditor = ref(null);
onMounted(() => {
vditor.value = new Vditor(vditor.value //此处, {
height: '50vh',
width: '50vw',
cache:{
id:"vditor"
}
});
});
return { vditor };
}
};
</script>
正确的如下:
<template>
<section id="hero">
<!-- 指定一个容器 -->
<div id="vditor"></div>
</section>
</template>
<script>
import { ref, onMounted } from 'vue';
import Vditor from 'vditor';
import 'vditor/dist/index.css';
export default {
setup() {
const vditor = ref(null);
onMounted(() => {
vditor.value = new Vditor("vditor", {
height: '50vh',
width: '50vw',
cache:{
id:"vditor"
}
});
});
return { vditor };
}
};
</script>
是不是可以考虑如果id传进来不正确给个tips呢?
描述问题
已经加载成功了但是还是报这个错
期待的结果
正常使用
版本信息