小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述:
目前小程序有提供自定义组件的功能,但是我想要实现wx:for列表渲染组件,并且给组件通过prop-x的方式传入wx:for的item,但是我尝试了以后发现号好像实现不了。
想知道是否目前自定义组件是否真的无法实现wx:for列表渲染。
- 希望提供的能力
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我也试了下,不行
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
循环这个?
<
view
class
=
"modelslist"
>
block
wx:for
"{{['1','2','3','4','5','6']}}"
shopcard
prop-a
"{{item}}"
</
<!--components/shopcard/shopcard.wxml-->
"model-container"
"memberlimit"
>VIP专享</
"modelpreview"
image
src
"/assert/images/model.jpeg"
></
"modeltag"
>热门模板</
"usebutton using"
bindtap
"test"
正在使用
>{{a}}</
// components/shopcard/shopcard.js
Component({
/**
* 组件的属性列表
*/
properties: {
a:Number
},
* 组件的初始数据
data: {
pageLifetimes:{
show(){
let a =
this
.properties.a
console.log(a)
.setData({
b:a
})
}
* 组件的方法列表
methods: {
这个我试了一下组件内部的效果,a的值并没有被渲染出来。
不好意思,文档没看仔细····以为和vue的props一样,所以弄错了!!!
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我也试了下,不行
循环这个?
<
view
class
=
"modelslist"
>
<
block
wx:for
=
"{{['1','2','3','4','5','6']}}"
>
<
shopcard
prop-a
=
"{{item}}"
>
</
shopcard
>
</
block
>
</
view
>
<!--components/shopcard/shopcard.wxml-->
<
view
class
=
"model-container"
>
<
view
class
=
"memberlimit"
>VIP专享</
view
>
<
view
class
=
"modelpreview"
>
<
image
src
=
"/assert/images/model.jpeg"
></
image
>
<
view
class
=
"modeltag"
>热门模板</
view
>
</
view
>
<
view
class
=
"usebutton using"
bindtap
=
"test"
>
正在使用
</
view
>
<
view
>{{a}}</
view
>
</
view
>
// components/shopcard/shopcard.js
Component({
/**
* 组件的属性列表
*/
properties: {
a:Number
},
/**
* 组件的初始数据
*/
data: {
},
pageLifetimes:{
show(){
let a =
this
.properties.a
console.log(a)
this
.setData({
b:a
})
}
},
/**
* 组件的方法列表
*/
methods: {
}
})
这个我试了一下组件内部的效果,a的值并没有被渲染出来。
不好意思,文档没看仔细····以为和vue的props一样,所以弄错了!!!