vue 子页面调用父页面方法、回写父页面数据

方法一

推荐使用：this.$parent

// 调用父类的方法
this.$parent.getlist()
// 给父页面对象赋值
this.$parent.proForm = response.data例：methods: {// 页面点击方法getCurrentRow(row) {//   this.$parent. 指向父页面对象赋值this.$parent.orgForm = row},
}

方法二

使用$emit

父页面，创建方法 initBtn(),

调用子页面的时候使用 @ 给方法起个别名 @fatherMethod="initBtn" 传递方法到子页面

<template><!--       XXXX弹框   --><el-dialog title="我是一个引用弹框" :visible.sync="isWithdrawFrame"><applyReturn @fatherMethod="initBtn" @close="isWithdrawFrame=false" ></applyReturn></el-dialog>
</template>
<script>import applyReturn from '@/views/reportManager/applyReturn.vue';  //引入弹框页面export default {components: {applyReturn,//添加组件},methods: {// 初始化方法     initBtn(val){// 操作逻辑fa.name = val.namefa.code= val.code}}
</script>

子页面使用$emit 接收父页面传的方法别名调用。（这边可以把子页面参数传给父页面，只需要在initBtn括号中设置参数即可）

<template><div><button @click="comSave">提交</button></div>
</template><script>export default {methods: {comSave() {// 调用父页面传递来的方法，逗号后面可以传递参数this.$emit('fatherMethod', row);}}};
</script>

vue 子页面调用父页面方法、回写父页面数据相关推荐

vue三种调用接口的方法
注:此博客仅用于学习,自己还处于菜鸟阶段,希望给相同处境的人提供一个可参考的博客.如果您觉得不合理,您的指导,非常欢迎,但请不要否定别人的努力,谢谢您了! vue三种调用接口的方法 1. this.$ ...
php渲染nodejs api,nodejs通过响应回写渲染页面步骤详解
这次给大家带来nodejs通过响应回写渲染页面步骤详解,nodejs通过响应回写渲染页面的注意事项有哪些,下面就是实战案例,一起来看一下. 我们一般通过node框架提供的api操作页面渲染,如何利用原 ...
vue 子组件调用($emit)父组件方法后父组件方法如何回调子组件方法
子级组件中的实现组件名称:EditTable.vue export default{ name:'ET', ....... methods:{ ShowMore(step){ ...
vue子组件调用父组件内的方法
子组件调用父组件方法随笔:后面时间充足了再补充父组件 <template><div><head-title3 ref="headerNews3"& ...
vue子组件调用父组件方法回调
子组件调用父组件方法,父组件执行完后,进行回调,代码如下: 子组件this.$emit('change', this.dataList, (loading) => {this.loading = ...
vue 子组件调用父组件方法、值（父传子）；父组件调用子组件方法、值（子传父）。
一.子组件调用父组件方法(父传子-方法) 场景:子组件是弹出框组件.当点击确定时,将新增的值增加到父组件的列表.就要调用父组件的getLIst()方法. 代码: //父组件利用@子组件方法名=&qu ...
vue 子组件调用、触发父组件中的方法
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 我发现了两种写法. 方法一: 子组件: <template><button @cl ...
JS跨页面调用变量的方法
2019独角兽企业重金招聘Python工程师标准>>> 在前端开发中,一个B页面需要使用另一个页面A中的变量时,通常采用两种方式,url传参或者本地存储并获取变量的值. 使用url传 ...
vue --- 子组件监听点击事件,接收父组件参数.实现对应跳转
开始 vue中子组件这一块,有点麻烦.不是说它很难,而是它的传送数据方式,以及和各种前端后端路由混在一起时,如果不清晰很容易就迷茫下面假设: 路由配置文件为:router.js 父组件为 paren ...

vue 子页面调用父页面方法、回写父页面数据

方法一

vue 子页面调用父页面方法、回写父页面数据相关推荐

最新文章

热门文章