首页 > 其他 > 详细

Vue父组件与子组件传递事件/调用事件

时间:2017-10-06 22:55:54      阅读:292      评论:0      收藏:0      [点我收藏+]

1、Vue父组件向子组件传递事件/调用事件

<div id="app">
    <hello list="list" ref="child"></hello>
    <br />
    <button v-on:click="myclick">调用子组件中的方法</button>
</div>
<template id="myT"></template>

<script>
    Vue.component(hello, {
        template: #myT,
        methods: {
            clickme: function () {
                alert("dd");
            }
        }
    });
    var app=new Vue({
        el: #app,
       
        methods: {
            myclick: function () {
                this.$refs.child.clickme();
            }
        }
    });
</script>

深入了解:http://blog.csdn.net/asd136912/article/details/70143782

Vue父组件与子组件传递事件/调用事件

原文:http://www.cnblogs.com/lunawzh/p/7633162.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!