RED

　　问题背景：点击上面的框，选中下面对象的行数据 　　刚开始考虑使用的是table的事件：toggleRowSelection，但是发现一个奇怪的现象 <div v- if = " orderData.length > 0 " > <h5>审核意见：</h5> <div class = " review bg_gray " v- for = " (item,index) in orderData " > <div class = " content " v- if = " item.review_data " > <span @click= " toggleSelection(0) " > <el-checkbox v-model= " checkList[item.order_id] " ></el-checkbox> </span> <span>{{item.review_data}}</span> </div> </div> </div> <el-button @click= " toggleSelection(0) " >选中状态</el-button> toggleSelection(index){ this .$refs.order.toggleRowSelection( this .orderData[index]); } 　　上面2个方法，一模一样

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </