微信小程序> 微信小程序绑定数据以及自定义指令

微信小程序绑定数据以及自定义指令

浏览量:563 时间: 来源:weixin_33881050

 视图文件里使用{{}}可以绑定数据,:

image src="{{like?'images/like_on.png':'images/like.png'}}"/image 再到组件js里定义data数据即可实现数据的绑定data: {like:true},

使用组件的时候要遵循封装性,开放性等原则

使用变量保存这两张图片的路径:

data: {like:true,yesSrc: 'images/like_on.png',noSrc: 'images/like.png'},相应的视图层image src="{{like?yesSrc:noSrc}}"/image 在组件js properties下定义的变量可以被称之为:属性 在其三个设置中,type是必填的,value是初始值(选填)小程序

最后在组件的点击事件中

小程序

定义方法实现点击切换,使用setData来更新数据

 小程序

至此一个组件内部基本的数据绑定DEMO就完成了

 

 

 

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎