小编Dr.*_*fle的帖子

Vue.js 加载和渲染时对象值出现未定义错误

好的。我不是一个完全的新手,确实有一些 Vue xp,但这让我很烦恼。我错过了什么非常明显的事情。

我有一个通过 ajax 调用加载的对象:

job: {
  "title": "value",  
  "location": {
    "name":"HONG KONG"
  }
}
Run Code Online (Sandbox Code Playgroud)

当我打电话给 {{ job.title }} 时一切都很好。当我调用 {{ job.location.name }} 我有一个未定义的错误,但值呈现。当我调用 {{ job.location }} 时,我得到了 json 对象,所以它被定义了。

啊!我确信这真的很简单,但无法理解为什么这不像它应该的那样直接。

// 额外的

这是我的整个 Vue 课程

    const router = new VueRouter({
        mode: 'history',
        routes: []
    });
    const app = new Vue( {
      router,
      el: '#app',
      data: {
        job: {}
      },
      mounted: function () {
        var vm = this
        jQuery.ajax({
            url: 'https://xxx' + this.jobId,
            method: 'GET',
            success: function (data) { …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js

9
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

vue.js ×1