使用计算计算属性修改背景色 - 行业资讯 - 肥雀云

介绍

这篇文章运用简单易懂的例子给大家介绍使用计算计算属性修改背景色,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

html部分

  & lt; template> 
 ,,& lt; div> 
 ,,,,& lt;按钮@click=癱hangeColor=!,changeColor"的在改变Color 
 ,,,,& lt; div:类=癱ompClasses"祝辞
 ,,,,,,& lt; span>改变背景色& lt;/span> 
 ,,,,& lt;/div> 
 ,,& lt;/div> 
  & lt;/template>

javascript部分

  & lt; script> 
 出口默认{
 ,,数据(){
 ,,,,返回{
 ,,,,,,changeColor:假的,
 ,,,,}
 ,,},
 ,,计算:{
 ,,,,compClasses () {
 ,,,,,,返回{
 ,,,,,,,,changeColor: this.changeColor 
 ,,,,,,}
 ,,,,}
 ,,}}
 
 
  & lt;/script>

css部分

  & lt; style> 
 跨度{
 ,,颜色:红色,
 } 
 ,。changeColor跨度{
 ,,background - color,:黄绿色;
 ,} 
  & lt;/style>

关于使用计算计算属性修改背景色就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。