Yaml Edit

基于 element-plus 的 yaml 文件可视化编辑

1 Template 使用

支持使用sync实现渲染数据的双向绑定,通过methods调用的方式获取编辑前后的yaml格式json数据

 <yaml-edit :renderData.sync="combineData" labelWidth="120px" ref="clYamlEditRef" />

2 Attrs 属性

|参数|说明|类型|可选值|默认值| |:---|:---|:---|:---|:---| |renderData|渲染数据|Object|-|{}| |labelWidth|label宽度|string|-|100px|

3 Methods 方法

| 方法名 | 说明 | 参数 | | :-------------| :---------------------------| :----------------------------------------------------- | | initData | 初始化渲染数据 | 入参:defineData: 表单定义数据, yamlData: yaml的Json数据 | | parseToYaml | 转化渲染数据回yaml的json数据 | 入参:renderData: 渲染数据,出参: yamlData:yaml的Json数据 |