样式

深碍√TFBOYSˉ_ 2022-10-02 14:56 98阅读 0赞

![1190185-20190514164839767-1470397892.png][]

没有使用vue的时候，写法：

![1190185-20190514164950966-712829297.png][]

使用Vue后，可以有下面几种样式的写法：

1、使用数组

![1190185-20190514165251393-1364986049.png][]

2、在数组中使用三元运算符

![1190185-20190514165424820-858593086.png][]

这里的 flag 是data中定义的一个属性。

3、在数组中，使用对象 代替三元运算符

![1190185-20190514165605243-1141594911.png][]

4、直接使用对象：

![1190185-20190514170225225-1429139765.png][]

也可以：

![1190185-20190514170333862-1407991716.png][]

![1190185-20190515085105095-316860585.png][]

转载于:https://www.cnblogs.com/JAVA-STUDYER/p/10863399.html

[1190185-20190514164839767-1470397892.png]: /images/20220109/6232746b407e492a88e04f7275558d93.png
[1190185-20190514164950966-712829297.png]: /images/20220109/d23c5110884e42c3b4b012c94ebe1b0d.png
[1190185-20190514165251393-1364986049.png]: /images/20220109/91fba9234b40448ab9acb105b6b2488e.png
[1190185-20190514165424820-858593086.png]: /images/20220109/194d21986adb46fc981b635814c4262c.png
[1190185-20190514165605243-1141594911.png]: /images/20220109/fed2db5a87d949ec871a78b001ecc133.png
[1190185-20190514170225225-1429139765.png]: /images/20220109/efb3a3e3c3f74d489c4253d69719bfa0.png
[1190185-20190514170333862-1407991716.png]: /images/20220109/23a5a3bdc2ea4c8e911eb6b081f514f6.png
[1190185-20190515085105095-316860585.png]: /images/20220109/84ee29ae7c264e319ffd35070a458e35.png

发表评论取消回复

表情：

评论列表（有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS三种样式表：行内样式表、内部样式表、外部样式表

目录一、CSS三种样式表 1、内部样式表 2、行内式（内联样式） 3、外部样式表（外链式）二、三种样式表的对比三、CSS样式表规则 ------------

快来打我*/ 2022年11月17日 05:52/ 0 赞/ 210 阅读

相关 android actionbar menu菜单样式,ActionBar 样式详解 -- 样式主题简介

(2) AppTheme 定义 style.xml 文件: 该文件定义了AppTheme主题; \--代码示例: \--代码解析: AppTheme 主题继承了 AppB

╰+哭是因爲堅強的太久メ/ 2022年10月14日 00:46/ 0 赞/ 231 阅读

相关样式

![1190185-20190514164839767-1470397892.png][] 没有使用vue的时候，写法： ![1190185-201905141649

深碍√TFBOYSˉ_/ 2022年10月02日 14:56/ 0 赞/ 99 阅读

相关通过样式修改鼠标指针样式

<td οnmοuseοver="this.style.cursor='hand'" οnmοuseοut="this.style.cursor='normal'"

野性酷女/ 2022年06月17日 08:23/ 0 赞/ 283 阅读

相关 CSS-样式重置+公共样式

最近更新时间：2017年7月6日11:01:29 [《我的博客地图》][Link 1] 作为前端工程师，需要不断的去总结和积累有共性的代码，这对于开发来说事半

谁践踏了优雅/ 2022年06月13日 11:40/ 0 赞/ 300 阅读

相关 textarea样式

效果图： ![2018030214351489][] 代码： <textarea style="border:0;border-radius:5p

骑猪看日落/ 2022年05月30日 02:37/ 0 赞/ 268 阅读

相关表格样式

<style type="text/css"> table.datalist \{ border-collapse: collapse; border: non

红太狼/ 2022年04月14日 01:46/ 0 赞/ 323 阅读

相关基本样式

总结：a标签的几种样式：1、link鼠标未访问时的样式 2、visited鼠标访问后的样式。 3、hover鼠标经过时的样式。 4、active鼠标点击后但没有松开

雨点打透心脏的1/2处/ 2021年11月22日 08:06/ 0 赞/ 246 阅读

相关样式

1、子元素不继承父元素的透明度 background:rgba(0,0,0,0.5) ，通过rgba的方式来设置透明度 2、多行文本添加省略号 displ

小鱼儿/ 2021年07月24日 21:58/ 0 赞/ 389 阅读

相关 rn 样式

组件：如<View style={ {对象样式键值对}}></View> react-native样式与原生区别: (1)子元素

Love The Way You Lie/ 2021年07月24日 19:32/ 0 赞/ 588 阅读