调用原生的scrollTo方法无法生效 about codemirror-editor-vue3 HOT 5 CLOSED

<template>
  <Codemirror
    v-model:value="code"
    :options="cmOptions"
    border
    placeholder="test placeholder"
    :height="500"
    KeepCursorInEnd
    @change="change"
  />
</template>
<script setup>
import { ref, onMounted } from 'vue'
import Codemirror from "codemirror-editor-vue3";
// plugin-style
import "codemirror-editor-vue3/dist/style.css";

// language
import "codemirror/mode/javascript/javascript.js";

// theme
import "codemirror/theme/dracula.css"


const code = ref('')
const cmOptions = {
  mode: 'text/javascript', // Language mode
  theme: 'dracula', // Theme
  lineNumbers: true, // Show line number
  smartIndent: true, // Smart indent
  indentUnit: 2, // The smart indent unit is 2 spaces in length
  foldGutter: true, // Code folding
  styleActiveLine: true, // Display the style of the selected row
}

const change = (msg, cm) => {
  console.log(cm);
  const scrollInfo = cm.getScrollInfo();
  cm.scrollTo(scrollInfo.left, scrollInfo.height);
}


setInterval(() => {
  code.value += "test \n";
}, 300);

onMounted(() => {

})

</script>
<style lang="less" scoped>
</style>