美文网首页
微信小程序自定义组件练习----弹窗

微信小程序自定义组件练习----弹窗

作者: 单抽律化娜 | 来源:发表于2018-12-06 17:55 被阅读16次

1、在最外层目录,新建一个components目录,放置自定义组件;

2、在components目录下,右键新建Component,命名为dialog;

3、查看dialog.json,是否为

{  "component": true }

4、查看需要引用弹窗的界面index.json中(本文demo直接在index界面),是否为

{ "usingComponents": { "dialog" : "../../components/dialog" }}

5、在index.wxml最末尾,添加

<dialog id='dialog'/>

6、在index.js的onLoad方法里,添加

this.dialog = this.selectComponent("#dialog");

7、在index.wxml里面添加一个按钮,在index.js里面添加按钮点击事件btnClick,点击显示弹窗

8、demo链接: https://developers.weixin.qq.com/s/ZkyT1smC7n4I

相关文章

网友评论

      本文标题:微信小程序自定义组件练习----弹窗

      本文链接:https://www.haomeiwen.com/subject/owwocqtx.html