在vue页面中
<template>
<div style="height: 600px">
<codemirror
ref="myCm"
v-model="myCode"
:options="cmOptions"
class="code"
/>
</div>
</template>
设置指定高度
this.editor = this.$refs.myCm.codemirror;
this.editor.setSize('auto', 600);
随屏幕高度变化
mounted() {
let that = this;
that.clientHeight = `${document.documentElement.clientHeight}`;
that.editor = this.$refs.myCm.codemirror;
that.editor.setSize('auto',this.clientHeight - 105);
window.onresize = function () {
that.clientHeight = `${document.documentElement.clientHeight}`;
that.editor.setSize('auto',parseFloat(that.clientHeight) - 105);
}
},