mavon-editor 版本为2.10.4 使用:lineNumbers="true" :line-numbers="true" 无效
时间: 2023-12-06 11:03:52 浏览: 142
jackson-dataformat-smile-2.10.4.jar
如果你的 `mavon-editor` 版本为 2.10.4,那么你可以使用 `:options` 属性来设置 `lineNumbers` 选项。具体操作如下:
```html
<template>
<mavon-editor v-model="markdown" :options="editorOptions"></mavon-editor>
</template>
<script>
import 'mavon-editor/dist/css/index.css'
import Vue from 'vue'
import mavonEditor from 'mavon-editor'
Vue.use(mavonEditor)
export default {
data() {
return {
markdown: '',
editorOptions: {
lineNumbers: true
}
}
}
}
</script>
```
在上面的示例中,我们通过 `:options` 属性设置了 `editorOptions` 对象,该对象包含了 `lineNumbers` 选项,将其设置为 `true` 即可显示代码行号了。
需要注意的是,`lineNumbers` 选项只有在 `mavon-editor` 版本为 2.8.0 或以上时才支持。如果你的版本低于该版本,可以将 `mavon-editor` 更新到最新版本后再尝试。
阅读全文