使用uni-app报错this.setData is not a function

一、报错

出现this.setData is not a function报错的绝大多数情况是,在回调时,this指向作用域为当前异步方法所在的对象,详见微信小程序异常处理——this.setData is not a function报错处理

二、排查原因

但我并没有在回调中使用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实现页面加载时分页组件滚到最底部

  1. scroll-view要给定高度
  2. 在uni-app中不要使用{{}}来绑定动态属性
<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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/251272.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

搭建SpringBoot服务器,在公司内网中使用

搭建SpringBoot服务器&#xff0c;在公司内网中使用。 学习了&#xff1a;https://blog.csdn.net/z3881006/article/details/78902231 就是一个程序&#xff0c;托管于github&#xff1b;https://github.com/spring-io/initializr 转载于:https://www.cnblogs.com/stono/p/9301…

javascrpt --- 使用jquery添加dom元素和Angular ng-repeat生成select性能比较

今天用两种方法实现了动态的给select添加option的功能. 第一种是用jquery. // html <select id"drag-pointList"></select> // js $(#drag-pointList).children(option).remove(); // 清空之前的option let list res.data.list ; // res是ajax请…

任何时候,写下一个类,一定要有三个函数

1、默认构造函数 2、拷贝构造函数 3、虚 析构函数转载于:https://www.cnblogs.com/buddho/p/8076165.html

【C语言及程序设计】项目2-15:模块化的简单银行系统设计

问题描述&#xff1a; https://edu.csdn.net/course/play/456/4808 // 银行系统.cpp: 定义控制台应用程序的入口点。 //#include "stdafx.h" #include <stdlib.h> #pragma warning (disable: 4996)int PassTest(); void ibalance(); void withdraw(); void de…

jquery --- 使用when方法等待2个异步事件结束后执行某一个函数.

$.when(promise1, promise2) .done(function(args1, args2){console.log(args1 args2); }// 上述代码,等待promise1和promise2执行完,打印出(promise1和promise2)使用的参数 // 注:1.promise1和promise2是异步调用的函数,如ajax请求 // 2.如果执行promise1时用到了一个参数…

Android基础知识(一)

此篇文章开始逐步记录一些Android开发的一些相关知识。本文主要讲了一些adb的常用指令&#xff0c;Toast的常规使用&#xff0c;Intent的显式启动活动&#xff0c;按钮点击事件的四种处理方法&#xff0c;一些常见布局。 1. ADB常用指令 Android Debug Bridge adb android调试桥…

Android 6.0 动态权限申请

1. 概述 Android 6.0 (API 23) 之前应用的权限在安装时全部授予&#xff0c;运行时应用不再需要询问用户。在 Android 6.0 或更高版本对权限进行了分类&#xff0c;对某些涉及到用户隐私的权限可在运行时根据用户的需要动态授予。这样就不需要在安装时被强迫同意某些权限。 2. …

el-input输入金额,保留两位小数

需求&#xff1a;“只允许输入金额保留两位小数”&#xff0c;有2种实现方法 方法一&#xff08;通过正则控制&#xff09;&#xff1a; html&#xff1a; <el-inputv-model"inputTable.amount"input"formatNum(form.amount, amount)" ></el-i…

jquery --- pip方法

我们先来看下面一个例子: var getPromise $.get(/query); getPromise.done(function(data) {var postPromise $.post(/search, data); }); // ...无法在此处给postPromise方法附加处理器// 上面先使用get方法读取url为query的数据,在完成后,再使用post方法将数据发送给另一个…

斜率DP总结

chunlvxiong的博客 T1&#xff1a;防御准备 三个月后第一次写博客&#xff0c;我们从这个题开始&#xff1a;http://www.lydsy.com/JudgeOnline/problem.php?id3156。 这道题DP方程比较好写&#xff1a;用dp[i]表示1到i全部被控制的最小代价&#xff0c;那么dp[i]min{dp[j](i-…

前端使用react-intl-universal进行国际化

一、国际化 / i18n 目前国际化&#xff0c;就是开发者写对象&#xff0c;一个key关联若干语种的翻译。相比于浏览器自带的翻译功能&#xff0c;语义更加准确。 “国际化”的简称&#xff1a;i18n&#xff08;其来源是英文单词 internationalization的首末字符i和n&#xff0c;…

守护线程Daemon的理解

1、守护线程伴随着主线程的销毁而销毁&#xff1b; 2、jvm虚拟机中有很多守护线程&#xff0c;随着main函数的结束而结束&#xff0c;自动回收栈中的内容。 Thread t1 new Thread(){Overridepublic void run() {for (int i 0; i < 10; i) {try {Thread.sleep(1000);} catc…

javascript --- 异步函数的顺序进行

假设我们希望某一组异步函数能一次进行,在不使用的任何工具的情况下,可能会编写出类似下面的代码: funcs[0](function() {funcs[1](function() {funcs[2](onComplete);}) });// 注:以上代码运行会出现的一些不方便: // 1.回调太深,不利于阅读..(100层嵌套...); // 2.不能使用循…

2021前端面试题

基础知识与素养 JS基本功训练与思考 程序设计的渗透与应用 业务技巧的积累与训练 生产力转换 项目的组织架构 转换专业人才的全面生产力 什么样的技术水平决定了你应该学习什么样的知识与技术&#xff0c;什么样的知识与技术水平决定了你到什么样的公司&#xff0c;到什么样的公…

JS的自定义事件(观察者模式)

1      var Event {2 on: function (eventName, callback) {3 console.log("eventName:"eventName)4 if (!this.handles) {5 Object.defineProperty(this, "handles", {6 …

glog日志库使用笔记

日志能方便地诊断程序原因、统计程序运行数据&#xff0c;是大型软件系统必不可少的组件之一。glog 是google的开源日志系统&#xff0c;相比较log4系列的日志系统&#xff0c;它更加轻巧灵活。 在Github上下载glog&#xff0c;解压后用CMake生成VS2017工程&#xff08;默认生成…

javascript --- 异步工作流的动态排队技术

很多情况下,使用async.series和async.paralle存在一个明显的问题,即: 1.其任务队列是静态的,在其调用前,一定要明确任务队列的数量,一旦明确了任务队列的数量,就不能改变. 2.倘如要同时并发读取上千个文件,使用async.paralle明显不可能(各线程抢资源,根本不够用),使用async.ser…

java中的内部类总结

内部类不是很好理解&#xff0c;但说白了其实也就是一个类中还包含着另外一个类 如同一个人是由大脑、肢体、器官等身体结果组成&#xff0c;而内部类相当于其中的某个器官之一&#xff0c;例如心脏&#xff1a;它也有自己的属性和行为&#xff08;血液、跳动&#xff09; 显然…

elementPlus关闭弹窗,页面原先滚动条消失

一开始以为是弹窗内容超过一屏引起&#xff0c;改为一屏内也不能解决。 打开控制台&#xff0c;发现弹窗后自动给body标签加上了类el-popup-parent–hidden&#xff0c;关闭后也没去除&#xff0c;因此手动删除该类。 document.getElementsByTagName(body)[0].className ;

在Windows下如何创建虚拟环境(默认情况下)

很多小伙伴平时在使用Python的时候&#xff0c;有的项目需要使用Python2来进行开发&#xff0c;有的项目则是需要Python3来进行开发。当不清楚怎么分开环境的时候&#xff0c;此时两个环境开始打架&#xff0c;彼此傻傻分不清楚。虚拟环境作为隔离的利器应运而生&#xff0c;其…