c语言学生信息管理系统框架,vue实现学生信息管理系统
本文實例為大家分享了vue實現學生信息管理系統的具體代碼，供大家參考，具體內容如下
界面
代碼
vue--學生信息管理系統.title{margin:20px;font-weight: bold;font-size: 20px;}
| 學號 | 姓名 | 年齡 | 操作 |
全部數據
- {{stu.no}}
//創建一個Vue的實例
var vm = new Vue({
el: "#app", //獲取根節點
data: {
no:"",
name:"",
age:"",
list:[
{
no:"001",
name:"TOM",
age:18,
},{
no:"002",
name:"Juy",
age:19,
},
{ no:"003",
name:"Mlo",
age:20,
}
],
//設置樣式
render_table:{"width":"700px","text-align":"center"},
render_form:{"width":"300px","text-align":"center","margin-top":"50px"}
},
methods:{
// 添加方法
add(){
this.list.push({no:this.no,name:this.name,age:this.age});
this.no="";this.name="";this.age="";
},
//刪除方法
del(i){
if(confirm("確定刪除嗎？")){
this.list.splice(i,1);
}
}
}
})
知識點
雙向數據綁定
文本插值
事件綁定
方法定義
數據遍歷
樣式設置
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持我們。
時間： 2020-05-28
總結
以上是生活随笔為你收集整理的c语言学生信息管理系统框架,vue实现学生信息管理系统的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 回旋矩形C语言,C语言程序设计100例之
- 下一篇： 合并excel文件 C语言,再见Ctrl