1.1.20 • Published 2 years ago
easyapi-data-view v1.1.20
EasyAPI注释显示组件
组件命名
easyapi-data-view
组件描述
EasyAPI注释显示组件,主要作用就是美化显示 JSON、XML 数据,在此基础上,多一个类型和注释。
组件效果图
颜色说明:注释 背景底色 字体颜色,类型
2 个数据格式
传入数据包括 2 个 JSON 数据对象
1、标准 JSON 数据
用来显示 JSON 的基础数据,使用 pre 标签,风格采用 2、JSON 注释数据 默认勾选数据类型、数据注释,如图所示显示数据类型与数据注释,
方法说明
1、showType 显示数据类型(字段类型)
2、showDescription 显示数据注释(字段描述)
更多
数据类型(字段类型)
string, number, boolean, integer, float, double, object, array
Props
Props | 中文 |
---|---|
jsonData | json data |
commentData | comment data |
commentData | 中文 |
---|---|
name | key name |
remark | 注释 |
childParams? | childParams |
Example
<easyapi-data-view :jsonData="jsonData" :commentData="commentData"></easyapi-data-view>
<script>
export default {
name: "app",
data: function() {
return {
commentData: [
{
name: "dddd",
remark: "232"
},
{
name: "fff",
remark: null,
childParams: [
{
name: "fasd",
remark: "22"
},
{
name: "vvv",
remark: "fff"
}
]
},
{
name: "vvv",
remark: "123"
}
],
jsonData: {
dddd: 1234,
fff: {
fasd: "213",
vvv: "12312"
},
vvv: "ass"
}
};
},
mounted: function() {}
};
</script>
目录结构
├── dist 打包后产物
├── example 运行用例
├── plugins 插件
├── src 源码
│ ├── utils 工具包
│ ├── index.vue 组件源码
│ └── index.js
├── webpack.base.js webpack配置基础
├── webpack.build.js webpack配置prod
└── webpack.config.js webpack配置dev
1.1.19
2 years ago
1.1.20
2 years ago
1.1.18
2 years ago
1.1.17
2 years ago
1.1.16
2 years ago
1.1.15
2 years ago
1.1.14
2 years ago
1.1.9
2 years ago
1.1.8
2 years ago
1.1.7
2 years ago
1.1.6
2 years ago
1.1.5
2 years ago
1.1.4
2 years ago
1.1.3
2 years ago
1.1.12
2 years ago
1.1.11
2 years ago
1.1.10
2 years ago
1.1.13
2 years ago
1.1.2
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.26
2 years ago
1.0.25
2 years ago