[SEO公司销售]微信小程序实现点击按钮修改字体颜色的功能

　　这篇文章主要介绍了微信小程序实现点击按钮修改字体颜色功能,涉及微信小程序wx●•▪:for循环读取data数值及事件绑定修改元素属性相关操作技巧,需要的朋友可以参考下

　　本文实例讲述了微信小程序实现点击按钮修改字体颜色功能。分享给大家供大家参考，尚志市小程序开发哪家好具体如下▼…-：

　　1◁▷★□、效果展示

　　2、明光市小程序开发哪家好关键代码

　　index▷•☆.wxml文件

<view class="◁◇=;view" style="color:{{color}}"…★■•;>我是view标签</view>
<view style="★○▽;display:flex;"▼▼;> 
 <block wx…★★□:for="{{colorArray}}" wx•●▷◇:key=""◆□=; wx:for-item="Color">…▲;
 <button class="btn" style="background:{{Color}};"▷△■; type="○▪■=;default"▷○; bindtap="bindtap{{index}}"></button>
 </block>
</view>

　　这里使用bindtap="▲□◁▲;bindtap{{index}}"▪▼••;绑定事件动态修改style="color…=◆:{{color}}"中的颜色值。

　　index.js文件

var pageData={}
pageData.data={
 color☆◁▷■:'black'•◆△•,
 colorArray:['red','◆▷●▲;blue'△○◇△,'yellow'◁△•,'green'▼▲;•▽…,'black'=●;]
}
for(var i=0◁▲;i<5;++i){
 (function(index){
 pageData['bindtap'+index]=function(e){
 this.setData({
 color:this△▷.data.colorArray[index]
 })
 }
 })(i)
}
Page(pageData)

　　以上就是本文的全部内容，希望对大家的学习有所帮助，[SEO公司销售]更多相关内容请关注PHP中文网◇▼=！26 2020.10 [朔州seo公司首推久澳]如何在小程序中使用腾讯视频插件 开发小程序项目中需要用到视频服务，若是用自己的服务器来播放会产生很大的开支▪●，这时我们可以使用小程序的腾讯视频插件，在页面中引用腾讯视频即可。白山市小程序开发哪家好 如何在小程序中使用，

　　相关推荐▽○▼：

　　微信小程序中video组件的介绍
 

　　微信小程序之获取当前位置经纬度以及地图显示
 

　　以上就是微信小程序实现点击按钮修改字体颜色的功能的详细内容，更多请关注久澳传媒编程栏目其它相关文章！