|
阅读:8143回复:1
支付宝小程序a:for,组件的使用。
前一段时间公司接了一个项目,必须使用支付宝开发工具进行开发。入坑
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 /> 组件引用完毕 |
|
最新喜欢: |
|
沙发#
发布于:2020-05-17 07:39
哇,超级干货,顶起来
|
|
|