摘要: 背景: 1.表格结构绑定事件 2.定义复选框结构 数组结构 3.定义事件,实现当前表格行点击以后复选框被选中,再点击一次的时候,复选框被取消 检查的时候发现,这样会导致原有复选框的勾选事件失效,原因是表格行事件的内容与复选框事件的内容都执行了一次,所以就失效了 解决办法是去掉表格行事件,保留复选框原 阅读全文
posted @ 2019-08-08 17:20 熊削铁如泥-厚积薄发 阅读(9553) 评论(0) 推荐(0) 编辑
摘要: 背景: 父组件中使用2次子组件,但是两次子组件展示的内容与结构不同 在父组件里面定义两个对应的数组, 子组件里面定义一个空的数组 在父组件的点击事件中,使用ref方法访问到子组件 阅读全文
posted @ 2019-08-08 16:25 熊削铁如泥-厚积薄发 阅读(453) 评论(0) 推荐(0) 编辑
摘要: 背景: 在父组件中,需要调用两次子组件,但是两个子组件所展示的内容结构是不一样的 点击"可能修改的内容"弹窗的组件结构为 点击"自动填写的位置"弹窗的组件结构为 1.在子组件中 使用v-if 和 v-else 控制两个结构的显示与隐藏,默认为 ThisShowWho:true, 2.绑定事件 3.在 阅读全文
posted @ 2019-08-08 16:18 熊削铁如泥-厚积薄发 阅读(562) 评论(0) 推荐(0) 编辑
摘要: 背景: 点击头部按钮,实现全选与反选功能 1.绑定事件,把当前勾选状态传递给方法 $event 2.定义事件 数组结构: 如果只需要实现全选功能: 阅读全文
posted @ 2019-08-08 11:37 熊削铁如泥-厚积薄发 阅读(459) 评论(0) 推荐(0) 编辑
摘要: 1.表格结构定义 :show-header="hiddenTableHeader" 2. data里面定义 阅读全文
posted @ 2019-08-08 09:33 熊削铁如泥-厚积薄发 阅读(4011) 评论(0) 推荐(0) 编辑
摘要: 背景: 父组件里面定义一份表格,点击表格中的修改按钮的时候,子组件弹出显示 把父组件里面的表格行的数据,赋值给弹出组件 1.绑定事件 2.定义事件 在调用子组件弹出功能的时候,把当前点击行的数据传递过去 3.弹出组件中接收参数 阅读全文
posted @ 2019-08-08 08:34 熊削铁如泥-厚积薄发 阅读(1298) 评论(0) 推荐(0) 编辑
摘要: 背景: 这里是通过点击“修改”按钮后才拿到当前行的数据,不是点击当前行任意位置拿到数据,所以不能用 @row-click 方法 改用点击的时候直接拿到这个表里面的这一条数据 1.绑定事件 2.拿到数据 阅读全文
posted @ 2019-08-07 19:26 熊削铁如泥-厚积薄发 阅读(1103) 评论(0) 推荐(0) 编辑
摘要: 1. 使用 v-model="BottomSelectFor[index].tick" 绑定要默认勾选的状态 2.在数组中定义 tick:true,没有的字段默认为false 3.实现效果 阅读全文
posted @ 2019-08-07 18:03 熊削铁如泥-厚积薄发 阅读(6351) 评论(0) 推荐(0) 编辑
摘要: 背景: 两个表格,根据左边的表格的点击事件 右边的表格切换展示的内容 1.绑定事件,获得当前表格点击行的下标 2.定义4个数组,默认结构为空数组 3.组件加载的时候,把第一个数组赋值给表格 4.定义事件内容,实现根据当前行的下标切换对应的内容 阅读全文
posted @ 2019-08-07 17:36 熊削铁如泥-厚积薄发 阅读(404) 评论(0) 推荐(0) 编辑
摘要: 1.绑定事件 2.定义事件 3.点击表格某行的时候,拿到数据] 阅读全文
posted @ 2019-08-07 16:42 熊削铁如泥-厚积薄发 阅读(18651) 评论(0) 推荐(2) 编辑