微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法

本文实例讲述了微信小程序实现动态设置placeholder提示文字及按钮选中取消状态的方法分享给大家供大家参考,具体如下:

效果图展示

通过绑定点击事件placeholder方法获取class="{{num==X?'active':''}}"表达式判断哪个标签处于选中状态(即蓝底白字);

js通过获取

wxml里的内容

rush:xml;"> 标题 摘要

js里的内容

rush:js;"> var app = getApp() Page({ data: { placeholder:'请输入',ph:'',num:1,key:'',},placeholder:function(e){ var num = e.currentTarget.dataset.num this.setData({ ph: this.data.placeholder+e.currentTarget.dataset.key }) this.setData({ num: num }) })

希望本文所述对大家微信小程序开发有所帮助。

相关文章

开发微信小程序的用户授权登录功能
小程序开发页面如何实现跳转?
浅谈小程序开发中蓝牙连接错误分析及解决方法
什么是小程序?它有哪些功能?
如何配置小程序开发项目结构?(教程)
怎么把自己的店加入小程序