vue基础实践1:双循环,双事件选中显示
<!-- 选中显示: 两个循环v-for,两个事件v-bandle -->
some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
some() 方法会依次执行数组的每个元素:
- 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
- 如果没有满足条件的元素,则返回false。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
*{
margin:0 auto;
padding:0 auto;
}
#section {
box-sizing:border-box;
/* 元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度; */
margin:20px auto;
/* 上下边距为 20px ,左右 自动,也是居中显示。 */
/* width:600px; */
position: relative;
left:30%;
}
#type li {
list-style: none;
}
#type li a{
text-indent:20px;
}
#choose {
margin-left:40px;
}
</style