vue2 中使用 vue-codemirror
1
悬赏园豆：5
[已关闭问题]
关闭于 2025-03-12 14:57
vue2 中使用 vue-codemirror时 如何只设置第一行和最后一行不可编辑
所有回答(1)
0
<codemirror
id="top"
ref="myCodeMirror"
v-model="code"
:style="height:${leftWidth}px"
:options="options"
@cursorActivity="onCmReadys"
/>
onCmReadys(cm) {
console.log('Cursor moved!', cm.getCursor().line + 1);
const sum = cm.getCursor().line + 1;
const lastLine = cm.lineCount(); // 获取总行数
// const lastLineText = cm.getLine(lastLine - 1); // 获取最后一行的文本内容（注意行索引是从0开始的）
console.log('最后一行:', lastLine); // 打印最后一行文本到控制台
if (sum === 1 || sum === lastLine) {
this.options.readOnly = true;
}
else {
this.options.readOnly = false;
}
},
//注释 文档中该字段的含义
cursorActivity: (instance: CodeMirror)
每当光标或内容选择移动时出发，因此编辑器中任务内容的改变也会出发。
