账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue获取json结果undefined
    36
    0

    我定义了一个myCollection.json文件

    {
        
        "collection":[
          {
              "user_name":"超级无敌abc",
              "user_image_URL":"../assets/myCollection/user1.jpg",
              "goods_image_URL":[
                     "../assets/myCollection/user1.1.jpg",
                     "../assets/myCollection/user1.2.jpg",
                     "../assets/myCollection/user1.3.jpg",
                     "../assets/myCollection/user1.4.jpg",
              ],
              "goods_price":"1000",
              "title":"跳楼清仓大甩卖",
              "collect_state":true
          },
          {
              "user_name":"我的名字就是无敌无敌无敌无敌无敌长",
              "user_image_URL":"../assets/myCollection/user2.jpg",
              "goods_image_URL":[
                   "../assets/myCollection/user2.1.jpg",
              ],
              "goods_price":"24.5",
              "title":"大学物理",
              "collect_state":true
          },
          {
              "user_name":"短",
              "user_image_URL":"../assets/myCollection/user3.jpg",
              "goods_image_URL":[
    
              ],
              "goods_price":"50",
              "title":"辣鸡Java低价出售",
              "collect_state":true
          }
      ]
    }

    然后我用axios获取json文件

    this.$http.get('http://localhost:8081/static/json/myCollection.json').then(
    
                function(response){
                       console.log(response.data);
                    },
                function(response){
                    alert("连接json文件失败");
                });//axio

    如果是console.log(response.data);可以打印出json文件,可是console.log(response.data.collection);的话就会输出undefined。请问要怎么解决

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 伤害我你很开心吗 普通会员 1楼

      在Vue中,当你尝试使用一个未定义的变量时,将会抛出一个错误。这种错误通常在你尝试使用一个未定义的对象或数组的属性或方法时出现。

      例如,如果你有一个未定义的数组,你可以尝试使用this.$data来访问它。但是,如果你试图访问一个未定义的变量,你将会得到一个undefined错误。

      例如:

      ```javascript // 假设data是一个未定义的数组 this.$data = [];

      // 尝试访问data的某个属性 console.log(this.$data.myProp); // 这将会抛出一个错误,因为data未定义 ```

      要解决这个问题,你需要确保你正在使用的变量或数组在调用其方法或属性之前已经被定义。如果你的代码是在一个函数或方法中使用的,那么你可能需要确保这个函数或方法在被调用之前已经被定义。

      如果你在尝试访问一个对象的属性或方法之前,你可能需要确保这个对象已经被定义。你可以使用typeof操作符来检查一个变量是否已经被定义,或者使用typeof操作符来检查一个对象是否已经被定义。例如:

      ```javascript // 假设data是一个未定义的数组 let myData = [];

      // 使用typeof操作符检查data是否已经被定义 if (typeof myData === 'undefined') { // 如果data未定义,那么data是一个数组 console.log(myData.length); // 输出数字 console.log(myData[0]); // 输出数字 }

      // 使用typeof操作符检查myData是否已经被定义 if (typeof myData === 'object') { // 如果data是一个对象,那么data是一个包含属性的对象 console.log(myData.myProp); // 输出字符串 console.log(myData.myOtherProp); // 输出其他属性 } ```

      总的来说,你需要确保你在尝试访问一个变量或数组的属性或方法之前,这个变量或数组已经被定义。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部