vue.js - vue通过ajax方式获取数据后报“TypeError”错，为何？

问题描述

问 题

目前页面能正常显示，就是控制台老是报一行红色错误，我知道问题肯定出在变量类型，但我不知道应该如何解决。

<div id="app">
        {{mydata.tit}} <br>
        {{mydata.sec0.tit}}
        </div>
    
    <script>
    vm = new Vue({
      el: '#app',
      data: {
        mydata: {}
      }
    })

    Vue.http.get('./data/yfh.json').then(
        function(e) {
            vm.mydata = e.data;
        });

    </script>

yfh.json

{
    "tit":"1234",
    "sec0": {
        "tit":"5678"
    }
}

解决方案

在你的ajax获取到数据之前

mydata.sec0.tit

不会报错？这个时候这段代码等于

undefined.tit

这篇关于vue.js - vue通过ajax方式获取数据后报“TypeError”错，为何？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！