内联样式之三目运算

style="color:{{条件 ? '值1' : '值2'}}"
举例：

style="background: {{(firstValue.length >= 6 && againValue.length >=6) ? '#1969FC' : '#C7C7C7'}} "
//或者
style="color:{{selected ? '#C7C7C7' : '#D40C69'}}"

内联样式要用英文下的双引号，值要用单引号；

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,748评论 1赞 45
  • 电子商务网站开发与建设
    概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,315评论 0赞 3
  • 网络技术与应用
    HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的，因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,076评论 0赞 0
  • CSS 基础
    CSS基础 本文包括CSS基础知识选择器（重要！！！）继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,191评论 0赞 40
  • 无间道系列观感
    最近重温了无间道系列电影，感触颇深。 陈永仁说：我是警察！ 刘建明说：我是警察！ 两个同样是警察身份的人，说出同样...
    rsssshuang阅读 983评论 0赞 3