Vue CheckBox 全选
来源:互联网 发布:oncity中山网络社区 编辑:程序博客网 时间:2024/06/07 05:48
Vue CheckBox 全选
<input type="checkbox" class="checkbox_all" v-model="checkAll" @change="handleCheckAllChange"/>选中 <div v-for=" row in data.content"> <input type="checkbox" class="checkbox" :value="row.id" v-model="checkedItems" @change="handleCheckChange"/> </div> <script> export default { data () { return { checkAll: false, data: { content:[ { id: 1, name: 'aaa', time: '2017-10-11' }, { id: 2, name: 'bbb', time: '2017-10-11' } ] }, checkedItems: [] } }, methods: { handleCheckAllChange () { let items = [] items = this.data.content.map(item => { return item.id }) this.checkedItems = this.checkAll ? items : [] }, handleCheckChange () { this.checkAll = this.checkedItems.length === this.data.content.length } } } </script>
阅读全文
0 0
- Vue CheckBox 全选
- vue.js实现checkbox全选
- Vue自定义指令实现checkbox全选功能
- Vue.js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- checkbox全选
- checkbox全选
- checkbox全选
- checkbox 全选
- CheckBox全选
- checkbox全选
- checkbox 全选
- checkbox全选
- checkbox 全选
- checkbox全选
- checkbox 全选
- 全选(CHECKBOX)
- JAVA动态代理
- 重写eqlus与hashCode方法例子
- 解决Qt5.8加载qt_zh_CN.qm之后QMessageBox仍显示英文的问题
- C-ordered contiguous
- IntelliJ IDEA 开发Web应用图文教程
- Vue CheckBox 全选
- 将EXCEL导到oracle数据库
- RabbitMQ (五)主题(Topic)
- 数值的整数次方
- iframe+js实现页面全屏、淡入淡出切换
- Unity与Android的交互,使用Android Studio导出各Unity工程通用的Android插件包
- js弹出框、对话框、提示框、弹窗总结
- iOS 当APP接收到推送消息时,对推送消息进行处理
- 1182 完美字符串