作者:yiyizym,原文地址
缘由 上传图片的功能,微信小程序已经提供了相应的组件和API,结合 weui 样式,如果不考虑复用的话,很容易实现(官方 demo 就可以拿来用 ^_^ )。 如果要复用,可以利用模板,但是会面临微信小程序的很多限制。
限制
页面 A.wxml 引用了这个模板文件 :
如果要显示模板里的 orders 部分,页面 A 的 js 文件里 data 必须有一个名为customer 的 key (可以通过 setData 设置 name/gender/age ,但不能通过setData 设置 orders ,这样会报错。猜测是因为 setData 在模板解析之后执行,解析模板时 name/gender/age/orders 都为 undefined ,name/gender/age 为 undefined 时不显示就行,但 wx:for 会遍历 orders ,遍历时调用 hasOwnProperty 方法,这时就报错了。),如果要调用模板里的回调函数 sayHello ,同样必须在页面 A 的 js 文件里先定义它:
解决办法 因为这两个限制,必须找出一个办法让模板文件能动态改变引用它的文件(以下称为宿主)的作用域下的一些变量和方法,如下:
本文关于微信小程序的组件开发关键点介绍完毕,源码 还展示了如何 设置组件的默认配置以及更改组件的回调方法。 |
微信小程序组件开发示例:上传图片组件
发布:2018-04-12 11:01浏览: 次来源:网络 作者: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