三元运算 微信小程序_微信小程序使用三元运算符代替wx:if
以地址列表中,默认地址是否选择为例。
先来看下wx:if的写法
默认地址
从上面的代码可以看出,标签要重复写2次,包括class样式等属性,设定某个地址为默认地址时将会有绑定事件bindtap等,还会有有data-index等自定义属性,如果是swiper、scroll-view等组件还少不了写上current、scroll-y附加属性就更加抓狂了;要是标签里还包含其他标签块,那就成几何倍增加冗余代码了,就不可想象了。到时候用wx:if写预计会长成这样:
再来对比看下三元运算符的写法:
默认地址
与wx:if标签写法相比,显然更加简洁优雅。
由于小程序不能操作dom,三元运算符还有一个常用的使用场景是控件class样式输出,达到jQuery.addClass()的效果。例如:
{{provinceName}}
以上书写形式参考了angular.js写法,在小程序中类比实现了。注意success_circle值要包裹在引号之中。小程序实际支持了三元运算符写法,只是文档上没有明说,比较遗憾。
对移动开发有兴趣的朋友可以关注我的公众号【huangxiujie85】与我交流讨论,给我留言或文章评论。
三元运算 微信小程序_微信小程序使用三元运算符代替wx:if相关推荐
- 如何微信链接自定义_微信链接自定义
微信在分享第三方网站是不显示缩略图和描述的,如下图所示 微信链接自定义_微信链接自定义 要解决这个问题必须调用微信JS-SDK接口,下面讲一下如何调用接口. 第一部分 准备步骤 注册微信公众号. 通过 ...
- webview 个人小程序_微信小程序新增Webview它是什么东西?
原标题:微信小程序新增Webview,它是什么东西? 今天刚刚给客户做完案子,正准备去睡觉.2017 今天刚刚给客户做完案子,正准备去睡觉.2017年11月3日 11:29看到了微信公众平台推送的小程 ...
- input ios问题 小程序_微信小程序开发常见问题汇总
原标题:微信小程序开发常见问题汇总 1.域名必须是https 非https的域名不被微信小程序允许. 2.input组件placeholder字体颜色 卸载placeholder-class里面的co ...
- mysql传数据到微信小程序_微信小程序直播 数据同步与转存
本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 本教程所用项目框架为egg ...
- qml如何发布程序_微信小程序如何发布?公司和个人注册流程科普
如今制作微信小程序已经是非常简单的事了,即使是完全不懂技术的小白,也能利用小程序制作工具快速生成小程序,基本上选一个模板就能快速把页面搭建好. 不过,虽然小程序页面搭建很简单,但还有不少人不知道页面搭 ...
- 后退一步 小程序_微信小程序:如何利用navigateBack退出小程序
在Android开发时,我们可以使用finish()或者结束进程等手段达到退出app的效果,但是,微信小程序则没有提供退出小程序的api,必须用户点击系统返回键或者点击顶部小程序固定的的退出按钮... ...
- ready等方法 微信小程序_微信小程序开发一些经验
对于微信小程序开发入门,还是比较简单的,只需要具备基本的css+js知识就可以了,成本比较低. 写了小程序和RN之后,有一种原生很笨重的感觉,就是小程序或者是RN等这些新的开发方式在效率上面真的有比较 ...
- ar 微信小程序_微信小程序开放AR功能,全面提升交互体验
1.什么是AR? AR又称增强现实(Augmented Reality)技术,是一种将虚拟信息与真实世界巧妙融合的技术,广泛运用了多媒体.三维建模.实时跟踪及注册.智能交互.传感等多种技术手段,将计算 ...
- 智慧物业小程序_物业小程序物业微信小程序目前功能最全的物业小程序
原标题:物业小程序物业微信小程序目前功能最全的物业小程序 以物业管理为核心,打造智慧社区云微信小程序管理平台,已入驻腾讯海纳社区,物业微信小程序,解决传统物业管理难,乱差的问题,利用微信小程序提供一整 ...
- python登录微信pc版_微信PC版2.9.0测试版更新:新增小程序面板
3月26日讯,近日,腾讯微信团队推送了微信PC版2.9.0的公共测试更新,此次更新增加了不少实用功能,对过往的许多痛点也有所改进,个人非常期待微信2.9.0版本的正式更新. 作为国民级的通讯产品,腾讯 ...
最新文章
- 现金奖励+实习offer!数据库大赛来了
- 【Kali渗透全方位实战】子域名的概念与探测(DNSenum工具和Sublist3r脚本的使用)
- 设计模式的理解: 职责链模式 (Chain of Responsibility)
- ITK:获取图像大小
- python刷题+leetcode(第一部分)
- 2017华为机试题--Floyd算法
- 什么是AWT_Swing_Scroll面板,上!!!
- python调用so库输出传入指针_python中使用ctypes调用so传参设置遇到的问题及解决方法...
- C# Newtonsoft.Json用法
- 实施工程师职业的前景和发展思考
- xss漏洞工具 -- xsser
- Ubuntu安装酷的桌面监控陈程序Conky
- 密码学术语中英文对照(持续更新中)
- python中的与或非详解
- 【邮件处理】邮件eml文件解析
- 微信公众号渠道二维码怎么生成?可以进行用户分组吗?
- 算法题练习系列之(一):守形数
- 双剑合璧保障数据库安全
- 百度云上迎新春,开心过大年
- 未来人类 t5 笔记本 禁止U盘启动