div.panel.panel-primary div.panel-heading 选择课程 div.panel-body ul#lessons.list-group li.list-group-item div.checkbox label input(type='checkbox',v-model='selectAll') span 全选 li(v-for="lesson in lessons").list-group-item div.checkbox label input(type='checkbox', v-bind:checked='lesson.id', v-model='lesson.checked') span(v-text='lesson.name') a(v-on:mouseenter='onMouseEnter(lesson.id)', v-on:mouseleave='onMouseLeave', v-text=' "教师:" + lesson.teacher')xxxxxxxxxxbody padding 10pxvar lessons=new Vue({ el:"#lessons", data:{ lessons:[ {name:"英语", teacher: '赵六', id:1,checked:true}, {name:"数学", teacher: '王五', id:2,checked:true}, {name:"语文", teacher: '李四', id:3,checked:true}, {name:"233", teacher: '张三', id:4,checked:true}, ] }, methods: { onMouseEnter: function (id) { console.log(id) }, onMouseLeave: function () { } }, computed:{ selectAll:{ get:function(){ return this.$data.lessons.every(function(x){ return x.checked==true }) }, set:function(checked){ this.$data.lessons.map(function(x){x.checked=checked}) } } }})