首页 > 代码库 > vuejs 父组件向子组件传递($broadcast()的用法)
vuejs 父组件向子组件传递($broadcast()的用法)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue-dmeo</title> <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> </head> <body> <div id="page"> <input type="text" v-model="mess"> <button @click="clickChild">父向子传递</button> <hellow></hellow> </div> <script type="text/javascript" src="http://cdn.bootcss.com/vue/1.0.26/vue.js"></script> <script> var handle= function(){ var hellow = { template:"{{arr|json}}", data:function(){ return { arr:[] } }, events:{ ‘addNew‘:function(val){ this.arr.push(val); } } } return new Vue({ el:"#page", data:{ mess:‘‘ }, methods:{ clickChild:function(){ this.$broadcast(‘addNew‘,this.mess.trim()); this.mess = ‘‘; } }, components:{ hellow:hellow, } }) }() </script> </body> </html>
vuejs 父组件向子组件传递($broadcast()的用法)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。