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
      require("brace/mode/javascript"); //language
      require("brace/mode/less");
      require("brace/theme/chrome");
      require("brace/snippets/javascript"); //snippet
    }
  }
};
</script>

<style lang="scss" scoped>
</style>

结束再续....