vue结合php增删改查实例,用vue.js写一个简单的增删改查

Title

tbody:empty:after {

content: '没有找到';

}

姓名年龄操作

{{item.stuName}}{{item.age}}修改删除添加

var app = new Vue({

el:'#app',

data:{

stuList:[

{stuName:'小牧',age:22},

{ stuName:'小hai',age:32},

{ stuName:'小米',age:12}

],searchName:'',

username:'',

age:'',

index:-1

methods:{

del(index) {

this.stuList.splice(index,1)

save: function (index) {

if(this.index==-1){

this.addStu()

} else{

this.username=this.stuList[index].stuName

this.age=this.stuList[index].age

}

addStu(){

if(this.username.length==0){

alert('请输入用户名');

return

}else if(this.age.length==0){

alert('请输入年龄');

return

}

var age =parseInt(this.age);

if(isNaN(age)){

alert('年龄请输入数字');

return

}

var obj = {stuName: this.username, age: this,age}

this.stuList.push(obj)

this.username=''

this.age=''

up(index){

this.index=index

this.username=this.stuList[index].stuName

this.age=this.stuList[index].age

edit: function (obj) {

this.rowtemplate = obj;

}

},computed:{

// getStuListBySearch(){

// var search =this.searchName;

// var arr =[];

// for(var i=0;i

// if(this.stuList[i].stuName.indexOf(search)>=0){

// arr.push(this.stuList[i])

// }

// return arr

// },

getStuListBySearch(){

var search=this.searchName

return this.stuList.filter(function (item) {

return item.stuName.indexOf(search)>=0

})

}

})

vue结合php增删改查实例,用vue.js写一个简单的增删改查相关推荐

使用JDBC来实现一个简单的增删改查
使用jdbc来实现一个简单的增删改查 package com.database;import java.sql.Connection; import java.sql.PreparedStatemen ...
Java语言写一个简单的学生信息管理系统，通过JDBC连接数据库对学生信息进行增删改查，采用三层思想和DBUtils第三方框架。
我把源代码和sql文件放GitHub上了,你们可以自行下载:https://github.com/fenglily1/student. 有问题可以留言或私信,我看到就会回. 进阶版加上页面的管理系统在 ...
用ssm写一个web的增删改查
用ssm写一个web的增删改查如果不想自己写的话,这里有完整的项目连接链接:https://pan.baidu.com/s/1YnAyGy7Hpxoyma5sqGFX8Q 密码:lwdh 项目结构 ...
使用 Vue.js 制作一个简单的调查问卷平台
使用 Vue.js 制作一个简单的调查问卷平台原文 https://github.com/pramper/Demos/tree/master/Vue-Demos/Questionnaire 主题 ...
【Part2】用JS写一个Blog （node + vue + mongoDB）
[Part1]用JS写一个Blog (node + vue + mongoDB) 上一节前后端项目分别初始化完成,这一小节我就从后端项目开始写.实现mongoDB数据库的连接. 整理后端目录下面是通 ...
vue可填写表格_VUE写一个简单的表格实例
目录: 1.脚本式开发. 2.工程化开发 3.工程化和脚本的区别 4.来个table试试水 4,1.目标 4.2.思路 4.3.设计与编码 4.4.效果 5.业务分离 6.功能拓展--个性化设置正文 ...
深入了解Vue 2响应式原理，并手写一个简单的Vue
1. Vue 2的响应式原理 Vue.js 一个核心思想是数据驱动.所谓数据驱动是指视图是由数据驱动生成的,对视图的修改,不会直接操作 DOM,而是通过修改数据.vue.js里面只需要改变数据,Vue ...
写一个简单易用可扩展vue表单验证插件(vue-validate-easy)
写一个vue表单验证插件(vue-validate-easy) 需求目标:简单易用可扩展如何简单开发者要做的写了一个表单,指定一个name,指定其验证规则. 调用提交表单方法,可以获取验证成功 ...
【Part1】用JS写一个Blog（node + vue + mongoDB）
学习JS也有一段时间了,准备试着写一个博客项目,前后端分离开发,后端用node只提供数据接口,前端用vue-cli脚手架搭建,路由也由前端控制,数据异步交互用vue的一个插件vue-resourse来 ...

vue结合php增删改查实例,用vue.js写一个简单的增删改查

vue结合php增删改查实例,用vue.js写一个简单的增删改查相关推荐

最新文章

热门文章