javascript - RangeError：使用快照实时 Firebase JSON 数据填充数据时超出了最大调用堆栈大小

Question

我正在尝试使用来自实时 Firebase 数据库的 JSON 数据填充“结果”数组，但我得到了

RangeError：在 normalizeArrayChildren 超出了最大调用堆栈大小

    <template>
    <div id="show-results">
        <h1>Data</h1>
             <input type="text" v-model="search"  placeholder="search results" />
            <div v-for="result in results" class="single-result">
            <h2>{{ result.Speed }}</h2>
           </div>

    </div>
</template>

<script>

    import db from '@/firebase/init'
    import firebase from 'firebase'

    export default {
        data () {
            return {
                results: [
                ],
               search: ''
            }
        },
        methods: {

        },
        created() {
    // Issue causing line
        firebase.database().ref().on('value', (snapshot) => { this.results = JSON.stringify(snapshot.val());

}); 
    },

        mounted(){
              console.log(firebase.auth().currentUser)
 } 

}

请回答为要编写的正确代码以正确接收“结果”数组中的 JSON，然后打印该 JSON 的每个单独文档。

标签： javascriptjsonfirebasevue.jsfirebase-realtime-database