vue + Element ui实现复选框小demo

原创 前端老菜鸟 随笔 Vue +element 147阅读 2018-05-04 13:32:47 举报

实例效果如下:

不多说,贴上代码并且附上详细说明

布局完成以后 要先在数据中心引入list数据:

然后需要调出选中的复选框选项

接着 在数据中心再次保存multipleSelection (他是被选中的选项 即他是一个数组 只不过数组的每一项都是一个对象)

前面的工作完成以后,接着实现的是删除选中的项
注意删除是一个需要慎重的事情,很多造成误删,element 官网给我们提供了一系列的弹框警示框 详细请看element官网
在这里我用到的是第六个方法:居中布局

到此复选已基本完成,需要注意的是删除操作的位置,,谢谢大家,欢迎大家继续关注

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复