vue json验证插件

直接上截图:

 依赖包安装:

cnpm install --save-dev vue2-ace-editor

组件引入:

<template>
  <div>
    <editor
      v-model="content"
      @init="editorInit"
      lang="json"
      theme="chrome"
      width="500"
      height="100"
    ></editor>
  </div>
</template>

<script>

export default {
  name: "Dashboard",
  components: {
    editor: require("vue2-ace-editor")
  },
  data() {
    return {
      content: ""
    };
  },
  methods: {
    editorInit: function() {
      require("brace/ext/language_tools"); //language extension prerequsite...
      require("brace/mode/json"); // 改成json模式或者html