小程序修改元素样式方法
前言：小程序是无法操作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'
})本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-07-31，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
云开发 CloudBase
云开发（Tencent CloudBase，TCB）是腾讯云提供的云原生一体化开发环境和工具平台，为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务，可用于云端一体化开发多种端应用（小程序、公众号、Web 应用等），避免了应用开发过程中繁琐的服务器搭建及运维，开发者可以专注于业务逻辑的实现，开发门槛更低，效率更高。