封装组件
文章平均质量分 70
帅哥语塞
帅哥语塞,论帅哥如何变成秃头肥宅
展开
-
表格列表中,单选、多选以及点击该行数据友好体验的封装
如图: 点击该行,然后前面的复选框自动勾选,再次点击,复选框取消,点击复选框也可以操作,单选多选都可以。 先了解一下用到的方法:点击该行的方法@row-click,点击复选框的方法,@select @row-click的参数,row,column,$e,第一个参数是该行数据对象 @select的参数有两个 selection,row 第一个是目前选中的数组,第二个是当前选中的数据对象 不知道的可以打印一下。 <el-table ref="singleTable" v-load原创 2022-04-24 11:18:09 · 407 阅读 · 0 评论 -
v-slot 具名插槽实际运用环境
vue2.6版本,具体对插槽写法有较大的变化,老的写法将要废弃 1. 默认插槽 ,简单的插槽 2. 具名插槽:相对默认插槽组件slot标签带name命名的,可以指定位置 3.作用域插槽:子组件内数据可以被父页面拿到(解决了数据只能从父页面传递给子组件,其实子页面传给父页面的方法有很多) 共同点:三种插槽都需要在子组件留坑,当父组件有值的时候可以模板写入 简单说一说具名插槽的应用场景: 后台系统中,经常会遇到表格这个元素,每个页面都含有表格,写起来很不方便,这边呢,便于维护的开发,将标题查询表..原创 2021-11-04 14:47:25 · 220 阅读 · 0 评论