最近在做小程序项目,由于是多人开发,首先要考虑项目组件的实现,俗话说的好:“项目未动,组件先行”~ 组件我用的是小程序的template,先上项目的目录架构 form-action-sheet组件wxml代码 <template name="form-action-sheet"> <action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetChange"> <block wx:for="{{actionSheetItems}}"> <action-sheet-item bindtap="itemChange" class="item" data-id="{{item.id}}"> {{item.name}} </action-sheet-item> </block> <action-sheet-cancel class="cancel">取消</action-sheet-cancel> </action-sheet> </template> 在具体页面引用:
<import src="../../compoent/form-action-sheet/form-action-sheet.wxml" />
<view bindtap="showHideActionSheet"> <template is="form-select-default" data="{{...permis}}"/> </view>
permis: { title: '权限设置', name: '所有人可见', icon: '../../img/p.png', },
showHideActionSheet: function() { wx.showActionSheet({ itemList: params, success: function(res) { success(res); }, fail: function(res) { fail(res); } }) } 这里遇到巨坑的问题是,事件不能以变量的形式传入template,即如果需要在template上绑定如bindtap事件的话,事件名不能从具体调用页面中传入变量 上面代码中要给bindchange事件传一个函数的话只能传具体函数名,不能传入变量。。。 也就是说以template实现的组件需要绑定事件
<view bindtap="showHideActionSheet"> <template is="form-select-default" data="{{...permis}}"/> </view>
综上,template实现组件形式要做到良好封装性还要等微信开放相关功能才能实现了,目前只能带着手铐上路。 |
小程序组件实现
发布:2018-04-21 09:08浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08