element ui 排课_vue怎么去写一个学校排课系统

展开全部

html>

body,html{

margin: 20px 50px;

}

.title2{

color: blueviolet;

}

.table th,td{

text-align: center;

}

信息管理系统

姓名

年龄

职位

ios工程师

h5工程师

java工程师

UI设计师

性别

 男

 女

添加

重置

用户信息表

序号	姓名	信息	操作	操作
{{i}}	{{item.user}}	查看	删除	修改

×

详情

• 姓名：{{user}}
• 年龄：{{age}}
• 职位：{{zhiwei}}
• 性别：{{sex}}

关闭

确定

var vm = new Vue({

el:"#box",

data:{

user:'',

age:'',

zhiwei:'',

sex:'',

arr:[]

},

methods:{

add(){

this.arr.push({

user:this.user,

age:this.age,

sex:this.sex,

zhiwei:this.zhiwei

})

this.user = '';

this.age = '';

this.zhiwei = '';

this.sex='';

},

del(i){

this.arr.splice(i,1)

},

chongzhi(){

this.user = '';

this.age = '';

this.zhiwei = '';

this.sex = "";

},

detail(i){

this.user = this.arr[i].user

this.age = this.arr[i].age

this.zhiwei = this.arr[i].zhiwei

this.sex = this.arr[i].sex

},

update(i){

this.arr[i].user = prompt('请修改名字')

this.arr[i].age = prompt(' 请修改年龄')

this.arr[i].zhiwei = prompt('请修改职位')

this.arr[i].sex = prompt(' 请修改性别')

//console.log(prompt(' 修改名字'))

}

}

})