您现在的位置是:首页 > 数码 > 

weex

2025-07-18 22:36:00
weex 对于不熟悉weex和js的人来说,初学weex不知道怎么来修改style,即使网上查了,也很难查到需要的信息,好不容易查到了还是js里面的东西,还不确定weex是否支持,这里,博主经过才坑,总结了两种方法来修改style,效果见下图: 这里

weex

对于不熟悉weex和js的人来说,初学weex不知道怎么来修改style,即使网上查了,也很难查到需要的信息,好不容易查到了还是js里面的东西,还不确定weex是否支持,这里,博主经过才坑,总结了两种方法来修改style,效果见下图:

这里采用两种方法来修改style:
1.通过elementById的方法:

changeColor() {document.getElementById(	haha	).style.backgroundColor = 	blue	}//注:此方法只对web上运行的项目有用,客户端无效

2.通过refs获取到模块,通过animation操作改变style

(this.$refs.haha,{styles:{width: 	400px	},duration: 0,timingFunction: 	ease	,delay: 0}, function(){})

当然,改变style的方法绝不止这两种,博主在以后的学习中发现新的方法会对这篇博客进行更新。如果你有更好的方法也欢迎留言和博主一起讨论。
详细代码可以查看博主的Demo:点击下载



此处为更新
1.其实还有一种方法,但是个人不提倡,将样式写在标签内部,值给变量,在data中给变量赋值,如果样式设置比较少倒是可以,但要是多的话,标签会非常难看,代码不易读,但也权且算是一种方法:

<text class=content ref=contentRef :style={ lines: limitLine }>{{desc}}</text>
data中对limitLine赋值,this.limitLine=x来修改。

2.绑定class,此方法可查看:
weex有提供这个方法,直接过去看即可,针对改动比较大的样式变动。

#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可,转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格

本文地址:http://www.dnpztj.cn/shuma/791003.html

相关标签:无
上传时间: 2024-01-08 10:22:26
留言与评论(共有 8 条评论)
本站网友 西京医院网上预约挂号
30分钟前 发表
2.绑定class,此方法可查看: weex有提供这个方法,直接过去看即可,针对改动比较大的样式变动
本站网友 搜房网深圳租房
1分钟前 发表
本站网友 龙岗男科医院
13分钟前 发表
timingFunction
本站网友 unparallel
4分钟前 发表
ease
本站网友 软件工程师考试时间
12分钟前 发表
详细代码可以查看博主的Demo:点击下载 此处为更新 1.其实还有一种方法,但是个人不提倡,将样式写在标签内部,值给变量,在data中给变量赋值,如果样式设置比较少倒是可以,但要是多的话,标签会非常难看,代码不易读,但也权且算是一种方法: <text class=content ref=contentRef
本站网友 神武房屋风水
30分钟前 发表
0}
本站网友 爱和乐下载
14分钟前 发表
limitLine }>{{desc}}</text> data中对limitLine赋值,this.limitLine=x来修改