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

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

再到组件js里定义data数据即可实现数据的绑定

data: {

like:true

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

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

data: {

like:true,

yesSrc: 'images/like_on.png',

noSrc: 'images/like.png'

相应的视图层

在组件js properties下定义的变量可以被称之为：属性

在其三个设置中，type是必填的,value是初始值（选填）

最后在组件的点击事件中

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

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

转载于:https://www.cnblogs.com/rmty/p/10905225.html

微信小程序绑定数据以及自定义指令相关推荐

微信小程序绑定数据页面不显示并且页面没有报错
 <view> {{ message }} </view> js Page({ data: { message: 'Hello M ...
免费的微信小程序客服消息自定义关键词自动回复管理系统
源码名称:微信小程序客服消息自定义关键词回复管理系统框架版本:laravel5.8,和thinkphp类似的框架,会thinkphp就会laravel. 适用范围:二次开发,独立部署,客服自动回复 ...
微信小程序observers数据监听器的使用
微信小程序observers数据监听器的使用数据监听器可以用于监听和响应任何属性和数据字段的变化. 1.observers使用的前提条件在微信小程序中数据监听器的使用是有几个前提条件的,否则是无法 ...
微信小程序之数据的同步渲染
微信小程序之数据的同步渲染结论: 微信小程序通过setData方法实现数据的同步渲染,直接修改data无法实现同步渲染. setData工作原理小程序分为逻辑层和渲染层,而每次逻辑层改变了,要借用 ...
小程序素材抓取软件_如何抓取微信小程序的数据？
2017年1月份备受关注的微信小程序功能正式上线了,好多知名平台纷纷推出了自己的微信小程序,例如大众点评.美团外卖.京东购物.对于我们爬虫开发者来说这绝对是好事情,意味着又多了一个数据来源,又多了一种 ...
微信小程序头部导航栏自定义
微信小程序头部导航栏自定义参考网址微信开放文档 navigationStyle导航栏样式:仅支持以下值:default默认样式,custom 自定义导航栏,只保留右上角胶囊按钮配置示例 {&quo ...
微信小程序开发数据缓存基础知识辨析以及运用实例
微信小程序开发数据缓存基础知识辨析以及运用实例提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的 ...
微信小程序：微信也可以发闪照了闪照制作生成微信小程序源码下载,自定义闪照时间
这是一款闪照制作的一款微信小程序源码该源码呢也就是让用户在微信也可以实现QQ上面的闪照功能用户可以自主上传照片,可以自定义的选择闪照的时间另外这款小程序还支持流量主模式这种东西目前在微信还是挺 ...
微信小程序用户数据的签名校验和加解密 - 后端nodejs
在本文微信小程序用户数据的签名校验和加解密之前需要先看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. 小程序代码: ...

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

微信小程序绑定数据以及自定义指令相关推荐

最新文章

热门文章