由於vue中默認的json-editor組件無法調整相應的樣式,因此項目中的UI庫使用Element UI。後來,我找到了壹個vue-ui-json-editor庫,它與元素ui樣式相對應。官方效果如下:
npm安裝vue-JSON-ui-編輯器-保存
可以直接在ClonVue-UI-JSON-Editor的官方倉庫查看效果。
在vue-ui-json-editor的官方示例中,部分輸入組件的驗證並不完善,例如數字組件的上下限驗證,需要根據項目的實際情況進行調整。
要修改組件的上限和下限調整,請參考此處。