在里用户输入内容(js代码),会进行实时语法高亮渲染,使用到
v-el
来获取此元素。
同时也在一个表单中会被提交,提交时需要获取
里面内容,用到
v-model
:
现在的问题:v-model
取不到数据
vue-cli
webpack模版建立项目。
main.js
import Vue from 'vue' import App from './App' /* eslint-disable no-new */ new Vue({ el: 'body', components: { App } })
index.html
app
App.vue
{{snippet}}
components/v-mirror/alias.js
import CodeMirror from 'codemirror/lib/codemirror.js' require('codemirror/lib/codemirror.css') require('codemirror/addon/lint/lint.css') require('codemirror/mode/javascript/javascript.js') require('codemirror/mode/css/css.js') // require('jsonlint') require('codemirror/addon/lint/lint.js') require('codemirror/addon/lint/javascript-lint.js') // require('codemirror/addon/lint/json-lint.js') require('codemirror/addon/selection/active-line.js') export default CodeMirror