网站地图 - 广告服务- 文章归档
您的当前位置:主页 > 新闻中心 > 正文

小依次之应用for轮回绑定item的点击工作的完成

来源:原创 编辑:admin 时间:2020-03-11
导读:这篇文章主要引见了关于小依次之应用for轮回绑定item的点击工作的完成,有着必然的参考价值,现在分享给大年夜家,有需求的冤家可以参考一下 微信展现列表后果借助于 wx:for 复杂写

  这篇文章主要引见了关于小依次之应用for轮回绑定item的点击工作的完成,有着必然的参考价值,现在分享给大年夜家,有需求的冤家可以参考一下

  微信展现列表后果借助于 wx:for

  复杂写一个列表(wxml文件中):

  

  对应的数据源(js文件中):

  

  写一个点击监听:

  

  后果:

  

  以上、可以完成列表的item点击后果,然则没法到点击的item对应的数据源数据

  处理方法:

  给有点击工作的组件添加一个 data-any 属性 any可所以任意数据类型。

  从下图可以看出我们遍历expertData数组,每个item 定义为info, 在第二行最后 加了一句 data-bean="{{info}}"

  

  然后修改点击工作:

  

  发明可以用此方法去除点击的item对应的数据对象,和该对象中某个属性值

  控制台打印信息:

  

  如许便可以获得到列表展现数据中某一个item对应的数据了。

  以上就是本文的全部内容,欲望对大年夜家的进修有所协助,更多相干内容请存眷PHP中文网!

  相干引荐:

  小依次之页面用九宫格及item跳转的功用完成

  小依次之若何让swiper组件来完成轮播图的功用

  以上就是小依次之应用for轮回绑定item的点击工作的完成的具体内容,更多请存眷php中文网其它相干文章!

  php中文网最新课程二维码

  这篇文章主要引见了关于小依次之如和应用view外部组件来停止页面的排版功用,有着必然的参考价值,现在分享给大年夜家,有需求的冤家可以参考一下

  触及常识点:

  1、垂直摆设,水平摆设

  2、居中对齐

  示例:

  1、默许排版 , 一个父组件外面两个子view

  

责任编辑:admin

相关文章:

相关推荐:

Power by DedeCms
Top