微信小程序开发-数据绑定与传递

最新推荐文章于 2024-05-05 15:57:28 发布

原创

最新推荐文章于 2024-05-05 15:57:28 发布 · 647 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #程序人生 #javascript

在小程序学习过程中，遇到了数据传递的问题-在同一页面的js文件和wxml文件中传递以及不同页面的数据传递，查找了网上的资料后写一点自己的总结与心得

同一页面的js和wxml中传递数据

首先是数据绑定

 <view class="box" wx:for="{
  
  {bookList}}" wx:key='id'  bindtap="showBookIntro" data-id="{
  
  {item.id}}" data-price="{
  
  {item.price}}" data-coverurl="{
  
  {item.coverurl}}"
  data-author="{
  
  {item.author}}" data-title="{
  
  {item.title}}" data-isbn="{
  
  {item.isbn}}" data-fileid="{
  
  {item.fileid}}">

wx:for中是要循环的列表；wx:key给小程序的diff算法提供标识支持，添加元素或改变元素顺序时，可通过key识别使组件保持自身的状态;bindtap是触发函数，这这里我们需要把数据传递到showBookIntro函数，并且在js文件中使用。data-自定义名称（这里可以随便写，不用跟属性名相同，但最后在js文件中使用的是在这里定义的名称）；在for循环中对象统一用item表示，item.对象属性名。

这边定义完了，我们就可以在js文件中获取当前对