vue-json-editor实现json编辑器并且可以正常输入中文

我这里使用的是vue3，vue2的话建议看官方文档https://github.com/dirkliu/vue-json-editor
安装：npm install vue-json-editor --save

template><div><vueJsonEditor:value="caseForm['parameters']['value']":show-btns="false":mode="'text'"lang="zh"@json-change="onJsonChange"@json-save="onJsonSave"@has-error="onError"></vueJsonEditor></div>
</template>
<script lang="ts">import vueJsonEditor from 'vue-json-editor'export default defineComponent({setup() {const onJsonChange = (value: any) => {onJsonSave(value);};const onJsonError = (value: any) => {//json参数格式错误时执行的方法};const onJsonSave = (value: any) => {state.caseForm['parameters']['value'] = value;};return {onJsonSave,onJsonError,onJsonChange,}}
})
</script>

备注：这里如果mode的值使用的是code的话输入中文的话，会有重影，而且输入中文会有问题，故使用text这个值,如果使用这个还不满意，建议直接和需求人说：这个需求我做不了【手动滑稽】

vue-json-editor实现json编辑器并且可以正常输入中文相关推荐

允许Sublime编辑器在Ubuntu上输入中文
Sublime Text是一款功能非常强大的轻量级代码编辑器,有关功能介绍和使用可以看我另一篇文章的描述http://www.cnblogs.com/jaxu/p/5037547.html 不过,在U ...
JSON Editor 中文文档
JSON Editor 中文文档原文出处:https://www.cnblogs.com/handk/p/4766271.html JSON Editor JSON Editor 根据定义的JSON ...
Vue2.x-01点击按钮弹出子Vue组件，遍历JSON展示数据
文章目录概述实现过程 Step1: 父组件设置Button按钮 Step2: 这里使用了showHandlerFlag来控制子组件是否显示,所里需要在data中定义下这个变量 Step3: 引用声 ...
Vue中怎样获取json文件中的数据
场景访问百度音乐API需要传递音乐类型参数,而这些参数是存在musictype.json中, 现在在组件listcate.vue需要获取json数据. json文件内容: 文件位置: 实现 musi ...
Vue.js读取本地json文件并分页显示
Vue.js读取本地json文件并分页显示 1.功能实现通过axios异步加载技术读取本地的json文件内容,并通过vue.js处理数据在h5页面分页显示(这里以3行数据分页) 2.student. ...
vue加载服务器json文件,Vue加载json文件的方法简单示例
本文实例讲述了Vue加载json文件的方法.分享给大家供大家参考,具体如下: 一.在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版): ...
vue——json对象和json字符串的转换
一.JSON格式在JSON中,字符串必须用双引号包裹.JSON由若干key:value的格式的数据组成.其中key值必须为字符串,value可以为字符串.数字.对象.数组.布尔型.null.但val ...
vue移动端富文本编辑器vue-html5-editor
简介 Intro Vue-html5-editor是一个Vue的富文本编辑器插件,简洁灵活可扩展,适用于vue2.0以上版本,支持IE11. Vue-html5-editor is an html5 ...
vue项目中使用代码编辑器，视频播放器插件
1.Vue-代码编辑器插件 1)安装 npm install monaco-editor --save npm install monaco-editor-webpack-plugin --save- ...
【转】VScode tasks.json和launch.json的设置
转自:VScode tasks.json和launch.json的设置 - 知乎目录 C++(方法1:不使用VSCode插件,较繁琐) C++(方法2:使用Native Debug插件) C++(方 ...

vue-json-editor实现json编辑器并且可以正常输入中文

vue-json-editor实现json编辑器并且可以正常输入中文相关推荐

最新文章

热门文章