言归正传:
加入此刻我的data中,有一个数组
然后我定义了一个方法,需要往这个lists数组中动态的添加数据
这个方法是可以往data中的lists中添加对象的,这我相信大家都能做得到,很简单
但是,当我们要改变这个lists中某个对象下的key:value值呢?当时我就在这里卡了好久,我一开始想的的是在this.setData()这个函数中,把key值改为 lists[下标].属性值 但是当我这样写了以后,控制台立马报错,原因是因为,他在data中并没有找到你这个key值,也就是说我们这个写的方法是错误的,但是按照道理思路是没错的,所以也就有了下面这个方法,可以改变对应的lists里面的属性值
这样就可以了,就能改变data中数组里面任意的值,不过要谨记一点,就是,一定要拿中括号[xx]包裹你要改变的key值,不然也是会报错的!好了,其实我感觉我说了很多没必要的话,但是,我就当记笔记了!希望大家和自己继续努力,学习永无止境【点击了解更多加盟项目】
今天小编和大家一起学习的是如何在微信小程序中制作动态处理表格?一定有许多朋友很是期待吧,下面就是详细的内容。
想在小程序里实现如上的UI,遇到这几个问题:
小程序中整体的排版
小程序里是没有table标签的,需要自己实现
下方的加号可以实现增加一行数据
下方的减号可以实现减去一行数据
首先,小程序视图层XML,通过wx:for循环读取逻辑层的数据,把数据渲染到前端:
然后,逻辑层中,初始化需要展示的数据:
table的CSS通过flex设置样式:
然后,下方的加号减号图片,都通过侦听点击,触发事件,使得逻辑层改变数据:
最后,逻辑层收到事件后,更改table中的表格数据,通过setData函数更新视图层:
以上就是如何在微信小程序中制作动态处理表格的全部内容了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)