goddess
侠客
侠客
  • 最后登录2021-12-20
  • 发帖数18
阅读:8143回复:1

支付宝小程序a:for,组件的使用。

楼主#
更多 发布于:2020-05-16 21:28
前一段时间公司接了一个项目,必须使用支付宝开发工具进行开发。入坑
a:for
<view class="head-top">
      <view class="head"
      a:key="index"
      a:for="pw_headList">
  pw_item
  </view>
a:for用法如上所示,a:for里面可以看到是没有item和index,是因为a:for他自己就默认设置下标为index,元素为item。
如果是嵌套循环岂不是有多个index,和item?那浏览器怎么知道用的是哪个index或item??
<view class="head-top">
      <view class="head"
      a:key="i"
      a:for="pw_headList"
      a:for-item="a"
      a:for-index="i" >
  pw_a
  </view>
支付宝小程序同样提供自己设置item,和index的属性,为 :
a:for-item=""  
a:for-index="" >
只要把这两个加上就也可以达到vue的v-for一样的效果。
key值得设置的话和vue的也有区别,为
a:key=""
但是也可以直接写成
key=""
具体区别的话,我粘贴一段文档。
key
key 是比 a:key 更通用的写法,里面可以填充任意表达式和字符串。
注意: key 不能设置在 block 上。



组件的使用


1.创建components文件夹
2.创建小程序组件,记住是小程序组件,如果是创建页面,自己去配置文件夹配置也行
3.在你的文件后缀为axml里面写点标志性的东西,防止等会不知道有没有引进去。
4.在你需要引入此组件的页面文件夹下,找到后缀为json的文件引入。
引入方法如下
{
      "usingComponents": {
    "self-driving":"../../components/self-driving/self-driving"
  }
}

self-driving为等会写到页面的标签,他的值为创建组件的路径。注意路径下面没有文件类型,如js,json...
还有这里不能使用大写英文字母。我上次使用了,键,值都存在大写字母的情况,报错。
其他情况未测试。反正都写小写肯定是不会报错的(当然排除其他路径不对,或者刚刚说的子组件创建的为页面这种情况
5.在需要引入组件页面下,后缀为axml的文件下使用标签
<self-driving />



组件引用完毕

最新喜欢:

doubleyongdouble...
doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2020-05-17 07:39
哇,超级干货,顶起来
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号