对象中判断属性的问题

来源：8-6 创建 Message 组件

德玛西亚之前端

2021-03-02

 const classObject = {
      success: props.type === 'success',
      error: props.type === 'error',
    };

老师这段代码我基本知道是在做什么。对象中的某个属性如果符合条件则添加为class元素。

但是我没见过在对象中判断属性这种写法，也不清楚这种写法的名称以及详细用法。

希望老师教一下谢谢。

写回答

1回答

张轩

2021-03-03

已采纳

同学你好对象的值是可以写 javascript 表达式的，只要是标准的表达式都可以这样书写，我们这里是一个标准的比较运行符号，返回的是 true 或者 false，就是没有问题，如果改写成

const isSuccess = props.type === 'success'
const classObject = {
    success: isSuccess
}

这样你是不是一下就看懂了？

德玛西亚之前端

非常感谢！

2021-03-03

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

断言

回答 1

回答 2

回答 1

回答 1

回答 1