小程序修改元素样式方法
2023-02-18 16:30:16 时间
前言:小程序是无法操作DOM元素的 需要通过setData()
方法实现修改元素样式
Wxml
<!-- 将样式属性值替换为变量-->
<view style="display: {{block}}">显示</view>
<view style="display: {{none}}">隐藏</view>
js
//将变量挂载到data上
data: {
block: 'block',
none: 'none'
}
//通过this.setData()方法改变数据的值
//将方法放在函数中 触发函数时调用该方法
this.setData({
block: 'none',
none: 'block'
})
相关文章
- 货拉拉 Android 动态资源管理系统原理与实践(上)
- 货拉拉 Android 动态资源管理系统原理与实践(下)
- 货拉拉 Android H5离线包原理与实践
- Android壁纸还是B站玩得花
- Android-Widget重装上阵
- 安卓app定制化合规检测软件分享
- 你所不知道的测试经验分享之安卓UI控件定位!
- 低调又实用的安卓性能监控工具在这里!!!
- Android平台GB28181设备接入端预置位查询(PresetQuery)探讨和技术实现
- 安卓UI自动化工具通用卡脖子技术问题已解决-4399AT
- 安卓APK瘦身工具分享,只是套了个壳,哈哈~
- java制作验证码(java验证码小程序)
- 解决第三方邮箱APP登陆QQ、163邮箱无法验证账户名或密码的问题(IOS、MacOS、Windows、Android)
- Mac电脑运行ios应用PlayCover
- 苹果发布 iOS 16 公开测试版,一起来看看这几项新功能
- 解决 Flutter 引起的 iOS 内存崩溃问题
- iOS 16 中的 Live Text 的更新
- iOS16 中的 3 种新字体宽度样式
- 在 iOS 16 中用 SwiftUI Charts 创建一个折线图
- 在 iOS16 中用 SwiftUI 图表定制一个线图