小程序properties默认值定义及父子组件的传值

因经常写vue,很久没写小程序,容易串频道,现记录一下小程序的组件用法、监听传入值及父子传值方式

首先小程序中传值是没有:(冒号)的,其次properties中定义默认值不需要写default

1.自定义组件中,首先json文件需要component:true

2.父组件使用时在json中引入:

父组件中的.js中定义变量:

父组件.wxml中引入组件:

复制代码
<common-area bindchangeLoading="changeLoading" bindgetadd="getLocalCity" bindclose='goback' list="{{treeData}}" defArr="{{defArr}}" values="{{values}}" bindgetText="getText" id="common-area"></common-area>

3.子组件properties接收值,并设默认值

4.想像vue中watch监听父组件值发生变化,我们可以用observers,需要注意的是他只有父组件传入值,并不保留原有值,所以只有newValue

5.子组件向父组件传值:triggerEvent('事件名', '值')(注意components方法需要写在methods里)

父组件接收,只需用bind+子组件抛出的事件名,即bindclose即可:

获取子组件值的方法:

复制代码
goback({detail}){ 
	console.log(detail) // detail输出值即为子组件抛出值
}
相关推荐
汤姆yu4 小时前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
说私域11 小时前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
说私域13 小时前
传统微商困境与开源链动2+1模式、AI智能名片及S2B2C商城小程序的转型破局
人工智能·小程序·开源
一渊之隔13 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun17 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-545817 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
HERR_QQ2 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun2 天前
小程序导航设置更多内容的实现方法
小程序
说私域2 天前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg6682 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序