vue 组件间子传父事件的方法

在慢慢学习vue的过程中发现，这个东西是真的有意思，今天就遇到这个难题，是组件间子传父事件的方法；先上图点击批量会出现一个弹窗我要完成的功能是什么，在我点击确定后，弹窗关闭，但是不刷新页面，列表数据发生改变；先说思路，要在子组建里，写一个锚～！然后再父页面调用子组件的时候v-on:“这个是你起的名字（batchTransfer）”=“screen（这个是你的列表数据）”;这个是...

我就是胖虎

3161人浏览 · 2019-05-31 18:20:27

我就是胖虎 · 2019-05-31 18:20:27 发布

在慢慢学习vue的过程中发现，这个东西是真的有意思，今天就遇到这个难题，是组件间子传父事件的方法；
先上图
在这里插入图片描述
点击批量会出现一个弹窗

我要完成的功能是什么，在我点击确定后，弹窗关闭，但是不刷新页面，列表数据发生改变；
先说思路，要在子组建里，写一个锚～！

然后再父页面调用子组件的时候v-on:“这个是你起的名字（batchTransfer）”=“screen（这个是你的列表数据）”;
在这里插入图片描述
这个是组件间子传父事件的方法，就是让父组件捕捉到子组件的事件～！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^