有用的wx:for 语句

今天小五写一大串页面,而且基本上是重复的,有人可能会想到Python,虽然Python确实可以处理相同的操作,来简化我们人类的工作量,但是小五写的并不是Python程序,小五写的是微信小程序的前端页面,python可以作为后端爬取数据用,但是在前端上就没有多少优势了,写到一半,好烦啊,于是去网上找简单方法,经过小五的不懈努力,终于在犄角旮旯里找到了方法,心里顿时一阵惊喜,接下来当然是马上去试试了,代码如下

//test/test.js
page({
...
data:{
	test:[  ]
}
...
})
<!--test/test.wxml-->
<view class='container' wx:for='{{test}}' wx:for-item='data'>
  <view class='content'>
    <view class='title'>{{data.title}}</view>
    <scroll-view class='novel_synopsis' scroll-y>{{data.content}}</scroll-view>
  </view>
</view>

再看效果图,就这样,本来要写几百行的程序,就这样被 wx:for 这六句代码,给征服了,这就是代码的魅力,太强大了,是吧,朋友们
在这里插入图片描述

确实如此,这样做既简单又方便吧。总结经验:因为自己的经验不足,白白地浪费了时间又不讨好。虽然如此,小五也是学到了东西,虽然浪费了些时间,只要相信,不花时间是不会学到什么东西,一切都是值得的。

强大的    wx:for...wx:for-index...wx:for-item

程序猿就是孤独的集体,忍受不了孤独,以何除bug。

体验wx:for的魅力,微信扫下面的小程序码,在其中的小知识模块亲身体验。
在这里插入图片描述

发布了13 篇原创文章 · 获赞 9 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/downanddusk/article/details/88562586