vue json editor 簡單實現

2022-09-13 09:54:13 字數 857 閱讀 2655

專案需求需要做個 json 編輯器,github json-editor star最高,位址如下  ,這裡面功能很多,專案需求就自己封裝乙個元件,方便你我他。

main.js 中引入 後 掛載到 prototype

import jsoneditor from 'jsoneditor'

vue.prototype.$jsoneditor = jsoneditor

那麼在元件中直接可以拿到 jsoneditor 物件  進行操作了 

<

template

>

<

div>

<

div

id="jsoneditor"

style

="width: 400px; height: 200px;"

>

div>

div>

template

>

<

script

>

export

default

},data() ;

},watch: }},

mounted() ,

methods: ;

vareditor

=new

this

.$jsoneditor(container, options);

this

.jsoneditor

=editor;

},//獲取json

getvalue()

}};script

>

接下來就是直接在元件中引入 

就能將元件的資料渲染到json editor 中

Ant Design簡單簡單簡單執行

config 配置檔案 config.js 路由定義檔案 路徑檔案 defaultsettings.js 主題顏色以及標題配置檔案 plugin.config.js 沒怎麼用過的配置檔案 dist 構建專案之後產生的檔案 mock mock資料檔案 用於本地開發使用 node modules 資源檔...

簡單題目不簡單回答

1 const變數與巨集的區別 2.程式的變數怎麼儲存的?3.巨集和列舉有什麼區別,定義陣列時使用列舉和使用巨集的區別 4.const變數是否可以做陣列下標 5.static的用法,static修飾類的方法時,是什麼意思 6.設計模式熟不熟?寫乙個最簡單的單例模式 7.如何用c實現物件導向 8.程式...

簡單的設計不簡單

最近看了 簡約至上 這本書,這本文章總結一下。推薦給對互動設計感興趣的童鞋。話說簡單 首先人們喜歡簡單 值得信賴 適應性強的產品。所以我們才會費盡心力去設計簡單的產品。人們喜歡簡單的產品原因有 1 產品的功能越多,就越難發現真正對使用者有價值的新功能。2 因為增加的複雜性導致他們很難找到自己真正需要...