vue 在网页中显示json 格式

最新推荐文章于 2025-09-29 15:09:08 发布

原创最新推荐文章于 2025-09-29 15:09:08 发布 · 443 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #json #前端

npm install vue-json-viewer@2 --save

<template>
    <div>
        <json-viewer :value="data" :expand-depth="5" copyable boxed sort class="w-100%"></json-viewer>
    </div>
</template>
<script>
import JsonViewer from 'vue-json-viewer'
export default {
    components: {
        JsonViewer
    },
    data() {
        return {
            data: [
                {
                    id: '5968fcad629fa84ab65a5247',
                    firstname: 'Ada',
                    lastname: 'Lovelace',
                    aa:11
                },
            ]
        }
    }
}
</script>