我是靠谱客的博主 激动哈密瓜,这篇文章主要介绍小程序修改元素样式方法,现在分享给大家,希望可以做个参考。

前言:小程序是无法操作DOM元素的 需要通过setData()方法实现修改元素样式

Wxml

复制代码
1
2
3
4
<!-- 将样式属性值替换为变量--> <view style="display: {{block}}">显示</view> <view style="display: {{none}}">隐藏</view>

js

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
//将变量挂载到data上 data: { block: 'block', none: 'none' } //通过this.setData()方法改变数据的值 //将方法放在函数中 触发函数时调用该方法 this.setData({ block: 'none', none: 'block' })

最后

以上就是激动哈密瓜最近收集整理的关于小程序修改元素样式方法的全部内容,更多相关小程序修改元素样式方法内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(49)

评论列表共有 0 条评论

立即
投稿
返回
顶部