在開發(fā)過程中,我們常常需要查看接口返回的json數(shù)據(jù),這時候使用dialog彈窗可以很好地展示格式化的json數(shù)據(jù)。
layui.use('layer', function(){ var layer = layui.layer; // 模擬一個json數(shù)據(jù) var jsonData = { "status": 200, "message": "請求成功", "data": { "name": "小明", "age": 18, "hobby": ["籃球", "游戲"] } }; // 將json格式化后展示在dialog中 layer.open({ type: 1, title: 'json數(shù)據(jù)', area: ['400px', '300px'], content: ''+JSON.stringify(jsonData, null, '\t')+'', scrollbar: false }); });
在上面的代碼中,我們使用了pre標簽來展示格式化后的json數(shù)據(jù),它會保留json數(shù)據(jù)的格式,使得我們更清晰地查看數(shù)據(jù)。另外,我們通過layer.open方法創(chuàng)建了一個dialog彈窗,并使用content屬性將json數(shù)據(jù)展示在彈窗中。
總之,使用dialog顯示格式化的json數(shù)據(jù)是一種便捷的方式,可以幫助開發(fā)者更好地查看數(shù)據(jù),并快速定位問題。
下一篇vue不能雙向綁定