vue 请求数据报错问题

Question

   props: ['items'],

   mounted:function(){

        var self = this;

        $('.next').on('click',function(){

            var type = 'Sporttrey320'

               $.ajax({

                  url: urlgeren,

                  data:{'gameName':type,"pn":2},

                  jsonp: "cb",

                  dataType: 'jsonp',

                success: function(data){

                    self.items=data.Model.list

                   }

               });

        })

    }

请求下一页数据，然后绑定在组件items上，为什么会报错的，items是父组件传过来的；

Answer 1

其实控制台的警告已经说的很明白了，我就不再重复说一遍了，总的来说就是你的props用法错了，光看你的代码，就能看到你在修改items的值，这样做就会产生控制台的警告。中文文档中提到了解决方法，也是控制台警告说到的：定义一个局部 data 属性，并将 prop 的初始值作为局部数据的初始值。定义一个 computed 属性，此属性从 prop 的值计算得出。希望能帮到你。