微信小程序——参数传递(父传子)

小程序的传参方式与Vue有所不同：

页面写法：

传参实例：
cities.wxml文件
<view>
	<van-index-bar index-list="{{ categories }}">
		<view wx:for="{{citiesList}}"  wx:for-item="i" wx:key="index"> 
			<van-index-anchor index="{{i.label}}"/>
			<van-cell bindtap="chooseCity" data-city="{{j}}" wx:for="{{i.list}}"  wx:for-item="j" title="{{j.name}}" wx:key="index"/>
		</view>
	</van-index-bar>
</view>

方法实现：

cities.js文件
  // 选择城市
  async chooseCity(event){
    console.log(event.currentTarget.dataset.city)
  },

由以上代码可以总结出：
我们在小程序传参时，bindtap事件绑定的为chooseCity事件，为了便于在chooseCity中访问到当前被点击的元素所绑定的值时，我们可以通过在html中使用data-xx属性的方式绑定，例如bindtap="chooseCity" data-city="{{j}}"
那么在对应js文件中访问时，我们可以通过event.currentTarget.dataset.xx的方式进行访问。

留存记录，希望可以帮助到你，有时候，不停下来才会很轻松。