当前第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>
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){
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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » vue.js中怎么移除数组值