vue.js中怎么移除数组值


当前第2页 返回上一页

eg:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<template>

 <div class="users">

<button type="button" class="btn btn-danger" v-on:click="deleteUser(user)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除</button>

 </div>

</template>

<script>

//引入jquery

export default {

  data(){

return {

users:[

{

name:'zx',

age:18,

addrress:'江苏南京',

email:'1773203101@qq.com',

contacted:false,

},

{

name:'zhiyi',

age:19,

addrress:'中国北京',

email:'1773203101@qq.com',

contacted:false,

},

{

name:'zhuxu',

age:20,

addrress:'中国上海',

email:'1773203101@qq.com',

contacted:false,

},

]

}

},

methods:{

deleteUser:function(user){

//表示先获取这个元素的下标,然后从这个下标开始计算,删除长度为1的元素

this.users.splice(this.users.indexOf(user),1);

}

}

};

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<!--scope只会影响到当前组件的样式-->

<style scoped>

</style>

相关免费学习推荐:javascript(视频)

以上就是vue.js中怎么移除数组值的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue.js怎么样显示时间

vue.js主要应用哪方面

vue.js图片怎么插入

使用vue.js怎么定义全局变量

vue实现可视化可拖放的自定义表单(代码示例)

vue.js怎么获取某个dom元素的值

vue.js有哪些ui框架?

vue.js开发环境怎么搭建

vue.js支持移动端开发吗

什么叫vue.js

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...