老师3-6小节中,buttonClass,设置第二个属性为什么要加数组,中括号
来源:3-6 仿Element Plus框架的el-button按钮组件实现

小雨点3545254
2022-11-26
[el-button--${this.type}
]: this.type !== ‘’,
为什么要加中括号,不理解,老师能详细的讲解一下吗???
写回答
1回答
-
西门老舅
2022-11-26
你好,这属于ES6的特性,可以动态化对象的属性。
举个例子:
let obj = {
'a': 'b', // 只能写单引号
`c`: 'd', // 不能写反引号
[`e`]: 'f' // 这样就可以写反引号了
}
还可以举一个例子:
let foo = 'bar'
let obj = {
foo: 123 // 不会识别成变量
}
obj.foo -> 123
obj.bar -> undefined
let foo = 'bar'
let obj = {
[foo]: 123 // 会识别成变量
}
obj.foo -> undefined
obj.bar -> 123
212022-11-26
相似问题