id 不存在时给出对应提示

[ponysb]

描述问题

已经加载成功了但是还是报这个错

期待的结果

正常使用

版本信息

• 版本：package里是3.9.8（但我看node_modules下载完之后是3.9.9不知道为什么）
• 操作系统：win11
• 浏览器：edge、chrome

[qe-present]

使用的vue吗？

[qe-present]

onMounted

[Vanessa219]

我这里无法重现，相关代码在 https://github.com/Vanessa219/vditor/blob/0346f19d83cef6f69929d5d43ba64219cff6e0cb/src/index.ts#L83 ，还麻烦看看是什么问题导致的，这边好对应进行修改。

[pengge]

使用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呢？