微信小程序使用JS隐藏view
2017-01-17 10:30
561 查看
我的需求很简单，表单focus隐藏提示view,blur显示view
百度了很久关于类似JQUERY的写法都没有说明，微信官方也没有教程，类选择器和ID选择器都没有用，document也没用，后来使用渲染的方式实现，关键代码如下
视图代码，使用变量控制隐藏类名
类名默认为空串
再获取焦点的事件中，修改data值
就可以达到隐藏的效果
百度了很久关于类似JQUERY的写法都没有说明，微信官方也没有教程，类选择器和ID选择器都没有用，document也没用，后来使用渲染的方式实现，关键代码如下
视图代码，使用变量控制隐藏类名
类名默认为空串
再获取焦点的事件中，修改data值
就可以达到隐藏的效果
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 微信小程序使用JS隐藏view，结合css语法处理
- 微信小程序-横向滑动scroll-view隐藏滚动条
- 微信小程序image组件binderror使用例子(对应html、js中的onerror)
- 微信小程序使用第三方库（第三方js）问题
- 微信小程序 —— web-view组件配置及使用
- 在微信小程序的JS脚本中使用Promise来优化函数处理
- 微信小程序 scroll-view隐藏滚动条详解
- 微信小程序新增的拖动组件movable-view使用教程
- 微信小程序，使用scroll-view实现下拉加载更多（下一页）源码
- 微信小程序scroll-view高度设置及scroll-into-view的使用跳转
- 微信小程序上拉刷新和下拉加载2种方法实现，onPullDownRefresh，scroll-view使用
- 微信小程序 image组件binderror使用例子与js中的onerror区别
- 微信小程序 通过控制CSS实现view隐藏与显示
- Android JS调原生 有盟分享 打开微信分享 原程序崩溃问题 报android.view.ViewRootImpl$CalledFromWrongThreadException:
- 微信小程序学习---view-scroll的使用注意事项
- 微信小程序例子——如何使用view组件显示文字
- 微信小程序image组件binderror使用例子(对应html、js中的onerror) ,图片失效显示默认图片
- 原创：微信小程序+WEB使用JS实现注册【60s】倒计时功能
- 关于微信小程序的scroll-view的使用
- 微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能