一、報錯

出現(xiàn)this.setData is not a function報錯的絕大多數(shù)情況是，在回調(diào)時，this指向作用域為當(dāng)前異步方法所在的對象，詳見微信小程序異常處理——this.setData is not a function報錯處理

二、排查原因

但我并沒有在回調(diào)中使用this.setData()，僅在onLoad里使用也報了這個錯誤，于是將問題定位到使用了uni-app框架的原因上。

三、解決方式：

3.1 直接使用this.xx = xxx

修改：

this.setData({loading: false,areaList: response.data.data })

為：

this.loading = false; this.areaList = response.data.data。

3.2 重寫setData方法

setData:function(obj){ let that = this; let keys = []; let val,data; Object.keys(obj).forEach(function(key){ keys = key.split('.'); val = obj[key]; data = that.$data; keys.forEach(function(key2,index){ if(index+1 == keys.length){ that.$set(data,key2,val); }else{ if(!data[key2]){ that.$set(data,key2,{}); } } data = data[key2]; }) }); }

四、實例 setData+scroll-into-view實現(xiàn)頁面加載時分頁組件滾到最底部

scroll-view要給定高度

在uni-app中不要使用{{}}來綁定動態(tài)屬性

<template><view style="padding:50rpx 10rpx;border:1px solid #333"><scroll-view style="border:1px solid #000;height:500rpx;" scroll-y :scroll-into-view="toLast"><viewv-for="(item,index) in testList":key="item.id"style="border:1px solid #ccc;":id="'item'+index"><view class="a" style="margin:20rpx 0">{{item.a}}</view><view class="q" style="margin:20rpx 0">{{item.q}}</view></view></scroll-view></view> </template><script> export default {onLoad() {this.toLast = "item8";this.setData({ toLast: "item8" });},data() {return {test1: "01",test2: "02",toLast: "item",testList: [{ id: 1, q: "1qwert", a: "1asdfg" },{ id: 2, q: "2qwert", a: "2asdfg" },{ id: 3, q: "3qwert", a: "3asdfg" },{ id: 4, q: "4qwert", a: "4asdfg" },{ id: 5, q: "5qwert", a: "5asdfg" },{ id: 6, q: "6qwert", a: "6asdfg" },{ id: 7, q: "7qwert", a: "7asdfg" },{ id: 8, q: "8qwert", a: "8asdfg" },{id: 9,q: "9qwert",a: "9asdfg"}]};},methods: {setData: function(obj) {let that = this;let keys = [];let val, data;Object.keys(obj).forEach(function(key) {keys = key.split(".");val = obj[key];data = that.$data;keys.forEach(function(key2, index) {if (index + 1 == keys.length) {that.$set(data, key2, val);} else {if (!data[key2]) {that.$set(data, key2, {});}}data = data[key2];});});}} }; </script> 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的使用uni-app报错this.setData is not a function的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。