JSDM

HTML

20
 
1
div#user(class="panel panel-default")
2
  div(class="panel-heading")
3
    input(v-model="filter",class="form-control",placeholder="请输入筛选条件")
4
  table(class="table table-striped")
5
    thead
6
      tr
7
        th
8
          input(type="checkbox")
9
        th 序号
10
        th 姓名
11
        th 性别
12
        th 年龄
13
    tbody
14
      tr(v-for="user in list | filterBy filter")
15
        td
16
          input(type="checkbox")
17
        td(v-text='$index+1')
18
        td(v-text='user.name')
19
        td(v-text='user.gender')
20
        td(v-text='user.age')
!

CSS

x
 
1
!
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

11
 
1
var users=new Vue({
2
    el:"#user",
3
    data:{
4
        filter:"",
5
        list:[
6
            {name:"张三",gender:"男",age:"18"},
7
            {name:"李四",gender:"男",age:"28"},
8
            {name:"王五",gender:"女",age:"38"},
9
        ]
10
    }
11
})
!
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................