当前位置:   article > 正文

vue子组件调用父组件方法$emit调用不到的问题_vue3 子页面方法调用父页面无效

vue3 子页面方法调用父页面无效

vue2.6版本,子组件调用父组件方法$emit调用不到的问题

上代码
子组件调用代码
export default {
        name: "saveOrUpdateDilog.vue",
		data(){
		},
		methods: {
			submitFunction(){
				this.$emit("fatherFun")
			}
		}
}

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
父级组件html
		<!-- 组件声明  -->
        <saveOrUpdateDilog
                :isShow = "isShow"
                @onSend = "receiveHandle"
                @fatherFun = "initTable">	
                </saveOrUpdateDilog>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
脚本部分
    import saveOrUpdateDilog from "./saveOrUpdateDilog";

    export default {
        name: "index.vue",
        data() {
        },
        methods: {
        	            initTable() {
			                console.log("父级组件initTable方法");
			            }
        }
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
虽然父组件方法不需用参数,子组件调用的时候不传递参数,就调用不到。随便传递一个参数,则调用的到了。本人使用的2.6.14版本。
调用方法改造 this.$emit(“fatherFun”, 1)

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/132410
推荐阅读
相关标签
  

闽ICP备14008679号