微信小程序开发入门笔记之数组对象修改

微信小程序开发入门笔记之数组对象修改,第1张

需求如下:当前后台返回json和需要用到的不一致,需要手动更改。

例1:更改对象中的某一元素

['']通过此种方式获取到需要改变的对象或者数组当中洞唯孝的元素然后更改

例2:将后台返回的对象(包含数组)中的部分数值赋值给需要的山租对象

现在最外层仅需要name和id字段,而数组list需要变更为数组children并且同样适用name和纳稿id属性。

1、打开小程序开发工具新建一个小程序项目,建好的结构如下图所示

2、打开其中的wxml文件,我们在文件中准备三个view结构的视图,图下图所示。

3、然后我们在silde的view里面插入swiper组件,如下图所示。

4、接下来就是在js文件中的data数组里面准备轮播图片的地址数组,如下图所示。

5、然后碧梁在wxss文件中声明轮播图的样式,如下图所示,这里用rpx能够自适应。

6、最后我们预览界面,你宽裂就会在程序的源代码中看到视图都已经渲染好悔巧运了。

因为以前都是用Vue开发,写项目,自然而然的就习惯了vue的双向绑定机制,开发中也觉得这真是方便,但是在最近的小程序开发中,我在动态往数组中传值,可是吃尽了苦头,怎么绑都绑定不上。当然,也并不是再说小程序的不好,各有各的开发理念,各有各的好,所以在这里写下一些心得,一方面让自己别忘了,一方面也希望和我一起遇到这个问题的小伙伴们,别再走这个坑!

言归正传:

加入此刻我的data中,有一个数组

然后我定义了一个方法,需要往这个lists数组中动态的添加数据

这个方法是可以往data中的lists中添加对象的,这我相嫌谨信大家都能做得到,很简单

但是,当我们要改变这个lists中某个对象下的key:value值呢?当时我就在这里卡了好久,我一开始想的的是在this.setData()这个函数中,把key值改为 lists[下标].属性值 但是当我这样写了以后,控制台立马报错,原因是因为,他在data中并没有找到你这个key值,也就是说我们这个写的方法是错误的,但是按照道理思路是没错的,所以也就有了侍或下面这个方法,可以改变对应的lists里面的属性值

这样就可以了,就能改变data中数组里面任意的值,不过要谨记一点,就是,一定要拿中括号[xx]包裹你要改变的key值,不然也是会报错的!好了,其实我感觉我说了很多没必要的话,但是,我就当记笔记了!希望大家和自己继续努力,芹谈基学习永无止境【点击了解更多加盟项目】


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8198329.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存