码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-10-06 23:14:46      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:var   log   了解   方法   targe   传递   one   click   div   

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父组件与子组件传递事件/调用事件

标签:var   log   了解   方法   targe   传递   one   click   div   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!