安装
npm install vue-codemirror -S
在mian.js中注册
import VueCodemirror from 'vue-codemirror'
import 'codemirror/lib/codemirror.css'
Vue.use(VueCodemirror)
vue中
``
点击查看代码
<codemirror
v-show="ifjson==0"
style=" 100%; height: 100%"
v-model="jsonData"
:options="cmOptions"
>
</codemirror>
data中:
点击查看代码
cmOptions: {
tabSize: 4,
styleActiveLine: true,
lineNumbers: true,
line: true,
// mode: 'text/javascript',
mode:{
name:"javascript",
json:true
},
lineWrapping: true,
theme: 'material'
},
还得在组件中注册引入
components: {
jsonView,codemirror
},