徐州做网站的培训机构,股份有限公司,做网站运作国珍,成都网站建设哪里好点在某些业务需求情况下#xff0c;如何书写多条件三元表达式#xff1f;#xff08;例如#xff0c;父组件传值给子组件#xff0c;子组件根据不同的值去响应不同的颜色变化该如何实现#xff1f;#xff09;
父组件#xff1a; 父组件传testData的值给子组件#xff…在某些业务需求情况下如何书写多条件三元表达式例如父组件传值给子组件子组件根据不同的值去响应不同的颜色变化该如何实现
父组件 父组件传testData的值给子组件这个是我自定义的如果是真正项目前后端交互后端传递的值是动态的会变化。 子组件(红线部分即为多添建三元表达式的写法) 代码
templatedivh3组件1—文字/h3span :classchartData0 ? a : chartData 1 ? b : chartData 2 ? c : d我爱你中国/span/div
/template
scriptexport default {props:{chartData:{type:Number,default:0}}}
/script
style scoped
.a {color: red;
}
.b {color: aqua;
}
.c {color: blue;
}
.d {color: blueviolet;
}
/style
总结多条件三元表达式的写法就是条件a ? 结果1条件b 结果2 条件c 结果3结果4
以此类推。
