{opacity} 这个是转换成对象吗 是对象的结构吗

来源:1-4 Vue项目详情页 - 实现Header渐隐渐显效果

unbreakable_全栈

2020-12-05 17:32:42

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

this.opacityStyle = {opacity}


写回答

1回答

好帮手慕慕子

2020-12-05

同学你好, {opacity}最终得到的是对象结构,但不是将opacity变量转成对象结构,而是给对象中添加opacity属性。

可以使用console.log()语句输出,在控制台查看结果,如下:

http://img.mukewang.com/climg/5fcb5c22097ded8705850366.jpg

添加了opacity属性

http://img.mukewang.com/climg/5fcb5bf509d5341905890192.jpg

当属性名与变量名相同时,可以简写,下图中的两种写法,效果是一样的。

http://img.mukewang.com/climg/5fcb5c8109fec8a005310074.jpg

有关对象的简洁表示法,在前面的课程中也有详细的讲解,同学可以回顾下课程,加深记忆与理解

https://class.imooc.com/lesson/816#mid=20413

祝学习愉快~

0

0 学习 · 10739 问题

查看课程