vue-json-editor json编辑器

阅读数:220 评论数:0

分类

html/css/js

正文

一、安装插件

npm install vue-json-editor --save

二、使用

<template>
  <div>
    <p>vue-json-editor</p>
    <vue-json-editor
    v-model="json" 
    :show-btns="true"  // 是否显示保存按钮
    :mode="'code'" // 默认编辑模式
    lang="zh"  // 显示中文，默认英文
    @json-change="onJsonChange"  // 数据改变事件
    @json-save="onJsonSave" 
    @has-error="onError"></vue-json-editor>
  </div>
</template>
 
<script>
  import vueJsonEditor from 'vue-json-editor'
 
  export default {
    data () {
      return {
        json: {
          msg: 'demo of jsoneditor'
        }
      }
    },
 
    components: {
      vueJsonEditor
    },
 
    methods: {
      onJsonChange (value) {
            console.log('value:', value);
        },
      onJsonSave (value) {
            console.log('value:', value);
        },
       onError (value) {
            console.log('value:', value);
        }
    }
  }
</script>

npm工具的学习

一、概述 npm的全称是Node Package Manager，是随同ＮodeJS一起安装的包管理和发布工具。不过现在更推荐使用pnpm工具，使用过pnpm就真得不太愿意用npm了，因此pnpm一

JSON.stringify ES6 Map

因为map的key可以为任何类型, 包括对象. 但是JSON语法, key只能为string. 所以不能直接对JSON.stringify(Map). 1.但是可以先把map转换为

package-lock.json

一、package.json package.json文件只能锁定大版本，也就是版本号的第一位，并不能锁定后面的小版本。二、package-lock.json package-lock.json文件

TypeScript

一、概述 TypeScript是微软开发的javascript加强版，就有带了type的javascript，主要用于解决：弱类型和没有命名空间，导致很难模块化。 TS允许你以接口的形式定义复杂的类型

jquery中json数组转成对象的方法

rights=JSON.parse(str);其中str为后台传过来的json数组的字符串，前台我放到input标签中了然后jquery获取到的是json数组的字符串，然后再js中用

js序列化json中Long类型精度丢失问题

在前端，如果Long长度大于17位时，会出现精度丢失问题。解决方法：序列化时，按string转输。 <pre class="language-markup

vue-json-viewer插件的使用

一、基本使用 1、安装 pnpm install vue-json-viewer // 如果是vue3 pnpm install vue3-json-viewer 2、引入插件引入插件有两种方式，可

微信小程序开发自学知识点

一、小程序与普通网页开发区别小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是

Electron框架

一、概述 Electron 是一个开源框架，用于构建跨平台的桌面应用程序。它由 GitHub 开发和维护，结合了 Chromium 和 Node.js 的功能，使开发者能够使用 Web 技术（如 HT

秒吧学习