vue怎么将json赋值给data

Question

问题描述

困扰我好几天就是赋值不进去 ajax拿到数据以后怎么赋值给iteam 我渲染的数据都是空的不对的 我也不知道为什么求大神解答，试了很多方法

问题出现的环境背景及自己尝试过哪些方法

相关代码

new Vue({

        el: '#a-weather-waring',
        data: {
            iteam: null
        },
        methods: {
            Get_YJweather: function() {
                var _this = this;
                mui.ajax('http://WeatherHandler.ashx?method=Get_YJweather', {
                    data: {
                        timefrom: '2018-12-04',
                        timeto: '2018-12-04'
                    },
                    dataType: 'json', //服务器返回json格式数据
                    type: 'post', //HTTP请求类型
                    timeout: 50000, //超时时间设置为10秒；
                    success: function(res) {
                        _this.iteam = res;
                        console.log(res);
                    },
                    error: function(xhr, type, errorThrown) {

                    }
                });
            }
        }
    });

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

各位大大 我弄好了 SB后台给我的是string 妈的 我一直以为是json 打败我的不是代码 不是vue 而是人与人之间的信任

Answer 2

你console下_this.iteam看事什么

Answer 3

item默认你给了null，如果是需要集合循环的话 初始化时就已经error了，后面填了数据也没法渲染。

new Vue({
    el: '#a-weather-waring',
    data: {
        iteam: [],
    },
    methods: {
        Get_YJweather: function() {
            var _this = this;
            mui.ajax('http://WeatherHandler.ashx?method=Get_YJweather', {
                data: {
                    timefrom: '2018-12-04',
                    timeto: '2018-12-04'
                },
                dataType: 'json', //服务器返回json格式数据
                type: 'post', //HTTP请求类型
                timeout: 50000, //超时时间设置为10秒；
                success: function(res) {
                    _this.iteam = res;
                    console.log(res);
                },
                error: function(xhr, type, errorThrown) {

                }
            });
        }
    }
});

<tr v-for="w in iteam" :key="w.ALARMNAME">
    <td style="text-align: center;">{{w.PUBLISHTIME}}</td>
    <td style="text-align: center;">{{w.ALARMNAME}}</td>
    <td style="text-align: center;">查看详情</td>
</tr>

Answer 4

你的data格式写错了
这样才对

data () {
  return {
    iteam: null
  }
}

Answer 5

_this.$nextTick(()=>{
  _this.$set(_this,'iteam',res);
});

Answer 6

赋值报错了没有？