Javascript json字符串和数组互转 json格式化html

关键点在这里JSON.stringify(mock,null,4).toString()有格式化的作用，v-model以后取到的是字符串，所有都得转成数组结构。

<div id="app"><div class="container"><div class="fl" style="width:50%"><textarea class="jsonBox" id="jsonBox" v-model="model"></textarea></div><div class="formCreate fr" id="formCreate" style="width:50%"></div><button @click="markHtml">生成html</button></div>
</div>
<script>// 显示jsonlet mock = [{type:"input",title:"商品名称",//label名称field:"goods_name",//字段名称value:"商品名称",//input值,props: {"type": "text", //输入框类型，可选值为 text、password、textarea、url、email、date"clearable":false, //是否显示清空按钮"disabled": false, //设置输入框为禁用状态"readonly": false, //设置输入框为只读"rows": 4, //文本域默认行数，仅在 textarea 类型下有效"autosize": false, //自适应内容高度，仅在 textarea 类型下有效，可传入对象，如 { minRows: 2, maxRows: 6 }"number": false, //将用户的输入转换为 Number 类型"autofocus": false, //自动获取焦点"autocomplete": "off", //原生的自动完成功能，可选值为 off 和 on"placeholder": "请输入商品名称", //占位文本"size": "default", //输入框尺寸，可选值为large、small、default或者不设置,"spellcheck": false, //原生的 spellcheck 属性"required":false,}}];vm = new Vue({el:'#app',data:{formData:{},model:''},computed:{mocks(){return JSON.stringify(mock,null,4).toString() //~~~1}},methods:{markHtml(){var model = JSON.parse(this.model); //~~~2window.formData = {};let root = document.getElementById('formCreate');$f = this.$formCreate(model,{el:root,});}}});
</script>


//数组转json
var arr = [1,2,3,4,5];
JSON.stringify(arr).toString();//json转数组
var jsonStr = JSON.stringify(arr).toString();
var v = JSON.parse(jsonStr);
console.log(v[1], v[2]);
//2，3

Javascript json字符串和数组互转 json格式化html相关推荐

php将数组转化成json字符串,php数组如何转换json字符串
php数组转换json字符串的方法:首先创建一个php示例文件:然后定义一组数组数据:最后通过"json_encode($color)"方法将数组转换成json字符串即可. PHP ...
JS解析json数据（json字符串和数组之间相互转换）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD ...
Vue前后台数据交互实例演示，使用axios传递json字符串、数组
Vue 前后台数据交互实例演示第一章:后台实现 ① Python 启用 Flask 服务器 ② 后台启用成功验证第二章:前台实现 ① Vue 使用 Axios 实现接收 json 字符串.数组数据 ...
oracle json字符串转数组,json字符串转化成json对象（原生方法）
json字符串.json对象.数组三者之间的转换 //json字符串.json对象.数组三者之间的转换 let jsonStr = '[{"id":"01" ...
JSON字符串与protobuf互转
一.json转protobuf后判断某字段是否被赋值方法1: //hasButtonDelayTime()返回false是json转protobuf时没给ButtonDelayTime赋值,它依然是 ...
iOS开发JSON字符串和字典互转
1.相关属性简述 NSJSONReadingOptions读取属性: typedef NS_OPTIONS(NSUInteger, NSJSONReadingOptions) {NSJSONReadi ...
【JSON教科书】什么是JSON，JSON字符串有什么作用?（JSON学习总结）
文章目录 @[toc] 一.了解Json 3.1 什么是Json 二.简单Json语法 2.1 语法 3.2.1 Json语法记忆规则三.Json字符串的手写转换 JavaBean类对象 Json简 ...
fastjson list转json字符串_程序员：JSON、JSONObject 与 JSONArray 简单讲解
fastjson简介 fastjson 是阿里巴巴的开源JSON解析库,它可以解析 JSON 格式的字符串,支持将 Java Bean 序列化为 JSON 字符串,也可以从 JSON 字符串反序列化到 ...
html字符串转成数组,图文详解JavaScript中字符串转换为数组的方法
在前端开发中经常需要使用JavaScript,那你知道怎么将JS字符串转换为数组吗?这篇文章就和大家讲讲JS将字符串转换为数组的方法,感兴趣的朋友可以参考一下,希望可以帮助到你. 之前一篇文章已经给大 ...

Javascript json字符串和数组互转 json格式化html

Javascript json字符串和数组互转 json格式化html相关推荐

最新文章

热门文章