admin 发表于 2026-4-20 10:17:29

tui-button自定义组件为button添加点击事件

比如我们根据微信小程序定义了一个授权获取手机号的方法,代码如下:


在methods中定义bindgetphonenumber,代码如下:

在页面中的<tui-button></tui-button>中定义@getphonenumber,代码如下:


在页面中的methods中定义getphone方法,代码如下:


emits 是用来声明组件会向外触发哪些自定义事件的选项 / 宏,作用是:
明确子组件(自定义组件本身)会抛哪些事件(文档化、类型校验)
让父组件(页面中)用 @事件名 监听
子组件(自定义组件本身)内部用 emit('事件名', 数据) 触发
页: [1]
查看完整版本: tui-button自定义组件为button添加点击事件