引言

微信小程序用的是vue，但是又不同于vue,这就导致我们容易基于vue的思维来踩坑

插值语法

我当时尝试在wxml文件给插值语法的数据调用js内部的方法，但是显示的却是NAN,我查了一下，发现wxml的插值语法不能直接调用方法，需要在js文件里实现再传值过去

变量检测

我们知道vue是可以随时监测数据、数据、对象的变化。但是对于数组和对象来说，vue无法检测其内部的数据变化。
如果数组是使用 push(),pop() 等那七种改变数组的方法，vue是可以检测到其发生改变，并且去更新页面对应的组件的。然而，微信小程序是不支持的，我使用了这些函数，发现小程序页面没有更新。

解决方法

那就是声明一个其他变量，将我们数组变量赋值给它，然后再让这个变量经过一系列，最后用this.setData({}) 来重新赋值回去，这样就完成了data的更新，页面也随之更新

微信小程序插值语法和数组变量检测踩过的坑相关推荐

微信小程序基础语法
微信小程序基础语法官网:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/ .wxml文件中列表渲染 <view ...
微信小程序基本语法介绍
我们用了一定的篇幅介绍了一下小程序的全局语法,包括app.json的配置,app.js的语法及全局样式app.wxss的配置.本节我们就介绍一下页面的具体语法. 页面组成小程序是由一个个页面组成的, ...
微信小程序更新二维数组中的对象或数组的属性值
微信小程序更新二维数组中的对象或数组的属性值,这里可能有两种情况 1.微信小程序更新二维数组中的对象的属性值更新二维数组中的某个对象的属性值,代码如下 js 代码 data: {familys:[{ ...
微信小程序56个民族数组选择器
微信小程序56个民族数组选择器 wxml部份: <view class="section"><picker bindchange="bindPicker ...
企业微信小程序wx.qy.login 的调用调试踩坑
企业微信小程序wx.qy.login 的调用调试踩坑起步在企业微信的开发过程中有很多坑,一切以企业微信开发文档为准. 近期我公司项目需要我联调开发企业微信小程序,以前没开发过,所以一切只能跟着企业 ...
微信小程序——基本语法
WXML语法 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. 数据绑定 <!--数据绑定使用 Mustache ...
微信小程序遍历二维数组
在微信小程序中遍历二维数组,代码如下 data 中二维数组结构如下 data: {familys:[{familyName:'贾家', users: [{name:'贾宝玉'},{name:'贾元春' ...
如何创建二维数组微信小程序_微信小程序遍历二维数组
在微信小程序中遍历二维数组,代码如下 data 中二维数组结构如下 data: { familys:[ { familyName:'贾家', users: [ {name:'贾宝玉'}, {name: ...
微信小程序页面间传递数组对象
在微信小程序中,有时候使用wx.navigateTo()跳转页面时要传递过长的参数或者传递一个数组对象会发现传递不过去情景再现: 发送端接收端输出值我们可以使用以下方法解决: 在发送端对数据进 ...

微信小程序插值语法和数组变量检测踩过的坑

引言

插值语法

变量检测

解决方法

微信小程序插值语法和数组变量检测踩过的坑相关推荐

最新文章

热门文章