微信小程序中this.$apply()在wepy框架中渲染的问题

最新推荐文章于 2022-12-05 23:18:18 发布
最新推荐文章于 2022-12-05 23:18:18 发布
阅读量1.7k 收藏
点赞数
分类专栏： 微信小程序
原文链接：https://www.cnblogs.com/suihang/p/10470174.html
版权

method里面的方法是不用这个的，但methods里面只能放bindtap这类方法，所以你自己定义的其他方法，或者写在onshow里面，就必须得用this.$apply()。

this.$apply()使用场景：

　　1.异步更新数据

　　2.手动刷新DOM

Linxi~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解析 this.initialize.apply(this, arguments)
03-27
NULL 博文链接：https://fkshl.iteye.com/blog/1178391
微信原生小程序中使用three.js框架的选择
05-31
关于控制器问题，OrbitControls在小程序中表现不佳，而TrackballControls虽然能实现类似功能，但它不保证相机的up向量始终保持一致，导致在特定角度旋转时可能会翻转。开发者可以参考Three.js文档...
记一次wepy里面的渲染问题（this.$apply（）的使用）
weixin_30426879的博客
03-04 529
今天在用wepy搞小程序的时候遇到了一个小坑，卡了我好一会，因为之前在做React，所以对wepy的了解不是特别深入，所以导致了这个问题的发生 先贴上来关键代码让大家看一看（备注之处是问题解决的方法） 效果： 我们可以看到刚进来时整个页面都没数据，但我点别的选项之后数据又会出来 why?当时我真的是满脸懵逼啊，数据也获取到了就是第一次不渲染，给我急得差点把自己的头发都薅干净了 ...
JS中的this，call，apply
xidongdong1的博客
01-25 254
一.this JS中的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。 this的指向： 1.作为对象的方法调用 当函数作为对象的方法被调用时，this指向该对象： var obj = { a: 1, getA: function () { al
$apply(),$digest()用法
Mooner_guo的专栏
04-23 1116
http://www.tuicool.com/articles/bAJVBvB这篇已经写得很详细了，可以去看看 有个疑问就是在手动使用$apply()的时候，会出现'$apply already in progress' 的错误，经过查资料，看到一个好的解决方法 $scope.safeApply = function(fn) { var phase = this.$root.$$p
微信小程序wepy开发，$apply()不能更新页面数据的情况
weixin_30633405的博客
07-12 347
例如userinfo信息获取到后，$apply()更新后还是没有在页面中显示数据 已发现的原因： 当data中没有定义userinfo时，会发生这样的问题 转载于:https://www.cnblogs.com/sgqwjr/p/9298622.html...
微信小程序报错：this.setData is not a function的解决办法
11-28
微信小程序 报错：this.setData is not a function 在page中定义的代码如下，代码会报错：this.setData is not a function <strong> pasteEncryptedText:function()</strong>{ let decryptedPass = this.data....
微信小程序Go、微信小程序OpenCV。.zip
09-30
在微信小程序中使用Go，可能是因为Go的高性能和跨平台特性，使得开发者可以构建后端服务或者WebAssembly（WASM）模块，以增强小程序的处理能力。 OpenCV（Open Source Computer Vision Library）是一个开源的计算机...
threejs微信小程序应用.zip
06-21
3. **渲染循环**：Three.js的动画通常是基于requestAnimationFrame，但在小程序中需要替换为微信小程序提供的动画接口，如wx.createSelectorQuery()和wx.createCanvasContext()。 四、Three.js在小程序中的应用实例...
微信小程序渲染html.zip
最新发布
01-11
总的来说，微信小程序通过提供一套完善的开发框架，使得开发者能够快速构建适应移动互联网时代的应用，而“微信小程序渲染html.zip”则可能是这个过程中的一个重要环节，展示了如何将传统的HTML内容融入到微信小程序...
this.$apply什么时候用
Ych_cxy的博客
09-05 1242
methods里的方法不需要, 但是你自己定义的其他方法,或者写在onshow等生命周期或者watch属性里的时候, 就必须得用this.$apply()
wepy中的this.$apply()在什么时候用，以及methods方法中的调用
beichen3997的博客
04-09 1490
<template> <view class="select"> <view class='item'> <radio-group @change="radioChange"> <label class="radio" wx:for='{{ items }}' ...
JS、Vue中的this指向 + 使用apply()、call()、bind()方法修改this指向
emmmmimport的博客
12-05 4079
一些常见的JS、Vue中的this指向问题及示例，以及使用apply()、call()、bind()方法修改this指向时的注意事项及示例。
$apply() 应该在什么情况下使用？
laotansuancaizi的专栏
09-24 644
AngularJS通过使用自己的事件处理循环，改变了传统的Javascript工作流。这使得Javascript的执行被分成原始部分和拥有AngularJS执行上下文的部分。只有在AngularJS执行上下文中运行的操作，才能享受到AngularJS提供的数据绑定，异常处理，资源管理等功能和服务。你可以使用 $apply()来从普通Javascript上下文进入AngularJS执行上下文。记住，
wepy中的this.$apply()在什么时候用
honeyZH_的博客
03-05 3163
在你为data里面的数据进行绑定的时候，是需要的。 比如data里面你定义了一个x=''，然后你在自定义的方法里面用this.x=200 之后，需要用this.$apply()来进行数据绑定。这样你在view中绑定data中的x变量时，才会有200，不然就是空 不过有个前提，method里面的方法是不用这个的，但methods里面只能放bindtap这类方法，所以你自己定义的其他方法，或者写在...
call和apply的作用和区别
jgs5175的博客
02-28 240
共同点：他们的作用都是改变this的指向 不同点是 ：call方法可以传给该函数的参数分别作为自己的多个参数， 而apply方法必须将传给该函数的参数合并成一个数组作为自己的一个参数 例 function Student(name) { this.name = name this.showName = function() { console.log(this.name) } this.abc = fun
时间戳转换
qq_37683424的博客
06-26 318
function formatTime(number,format) {   var formateArr = ['Y','M','D','h','m','s'];   var returnArr = [];   var date = new Date(number * 1000);   returnArr.push(date.getFullYear());   returnArr.push(fo...
深入探讨apply()方法的作用
o0__0的博客
06-29 2万+
首先我们来看看网上apply()方法的定义: 1. apply()方法能劫持另外一个对象的方法，继承另外一个对象的属性 2.Function.apply(obj,args)方法能接收两个参数 3.obj：这个对象将代替Function类里this对象 4.args：这个是数组，它将...
微信小程序之图书管理系统（wepy版）
热门推荐
sinat_36947685的博客
01-19 2万+
2016年小程序的推出，刷爆了朋友圈。作为一名好奇的程序猿，当然是要学习一下。于是就在2个月前在小黄象发了个demo 图书管理系统（社区API版）.个人在写这个demo的时候发现小程序有一些不方便的地方：  不能使用promise（后来发现手动引用第三方promise库还是可以的） 不能使用promise意味着一定要使用回调这种写法，当回调的层次深了后，代码的可读性将大幅下降，日后维护
微信小程序 this.$emit is not a function
07-18
### 回答1： 微信小程序中的this.$emit is not a function这个错误提示通常出现在使用Vue.js框架开发小程序时。此错误通常是因为在非父子组件之间使用了$emit方法。 在Vue.js中，$emit方法是用于在子组件中触发自定义事件，然后在父组件中通过v-on指令来监听这些自定义事件并执行相应的操作。但是，在微信小程序中，并没有内置的$emit方法，因此直接调用this.$emit会导致此错误。 解决这个问题的方法是使用微信小程序提供的官方事件机制。微信小程序中的组件之间通信主要使用两种方式：事件绑定和消息传递。 1. 事件绑定：在父组件中，可以通过给子组件的标签添加自定义事件属性，如bind:customEventName="methodName"，然后在子组件中通过triggerEvent方法来触发事件。 2. 消息传递：通过微信小程序提供的Page间通信机制，可以在父组件中通过wx.pageEvent.emit方法触发自定义事件，在子组件中通过wx.pageEvent.on方法来监听事件并执行相应的操作。 因此，要解决this.$emit is not a function的问题，可以采用上述方法来实现组件之间的通信，避免直接调用this.$emit方法。 ### 回答2： this.$emit 不是一个函数的错误通常是由于以下几种原因引起的： 1. 在微信小程序中，没有定义Vue实例的this.$emit方法。Vue中的this.$emit方法用于触发当前组件的自定义事件，而微信小程序中并没有这个方法。 2. 可能是代码中的语法错误。在调用this.$emit方法时，可能存在着一些语法错误，比如拼写错误、大小写错误等。 3. 组件之间的通信问题。如果在组件A中调用了this.$emit方法，但是组件B并没有监听这个事件，那么就会报错。需要确认是否正确地在组件B中使用了this.$on方法来监听这个事件。 解决这个问题的方法有： 1. 在微信小程序中，可以使用wx.onCustomEvent方法来触发自定义事件，代替Vue中的this.$emit方法。 2. 检查代码中是否存在语法错误，特别是与this.$emit相关的代码。 3. 确保组件之间正确地进行了通信，即在监听事件的组件中正确地使用了this.$on方法。 总之，要解决微信小程序中this.$emit is not a function的问题，需要确认是否正确地使用了微信小程序提供的事件触发方法，并检查代码中是否存在语法错误和组件间的通信问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值