博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用Vue的方式实现复选框
阅读量:7224 次
发布时间:2019-06-29

本文共 683 字,大约阅读时间需要 2 分钟。

var borrVm = new Vue({        el: "#WingApp",        data: {
       returnBookList:[], checked:"", checkList:[], },

在vue中定义两个属性

methods: {     checkAll: function () {                if (this.checked) {                    this.checkList = [];                } else {                    this.checkList = [];                    for (var i in this.returnBookList) {                        this.checkList.push(this.returnBookList[i]);                    }                }            },}

定义这个方法,其中returnBookList是结果集

然后是全选复选框

<!-- 这里如果没用过v-model可以先去了解一下vue -->
 
单选框 
 

这些添加上使用起来就没什么问题了,如果有的话应该就是一些样式问题需要注意一下

转载于:https://www.cnblogs.com/yyKong/p/10855786.html

你可能感兴趣的文章
[置顶] js综合应用:表格的四则运算
查看>>
SQLServer 2008 :error 40 出现连接错误
查看>>
VS2013 单元测试(使用VS2013自带的单元测试)
查看>>
git add --all 为啥不能添加空文件夹,这样设计的初衷是
查看>>
Linux find/grep命令
查看>>
【数据结构与算法】(二) c 语言链表的简单操作
查看>>
线程相关参数
查看>>
改造 Android 官方架构组件 ViewModel
查看>>
贾跃亭被指拿恒大的投资款告投资人 总费用超2000万
查看>>
春运守护者 大陆首批台湾籍乘务长黄佳莹
查看>>
潮汕明代皇封御葬古墓受损追踪:当地相关部门介入
查看>>
使用js操作checkbox
查看>>
分享阿里云服务器系列之弹性裸金属服务器
查看>>
Merge k Sorted Lists@LeetCode
查看>>
Hibernate-ORM:15.Hibernate中的Criteria查询
查看>>
Flask從入門到入土(五)——Flask与数据库
查看>>
手动删除木马程序
查看>>
Ebistrategy亦策软件提升天天果园管理效率
查看>>
33个优秀的 jQuery 图片展示插件分享
查看>>
使用Identity Server 4建立Authorization Server (4)
查看>>