Vue不同组件之间相互传值
来源:互联网 发布:怎样推广淘宝网店 编辑:程序博客网 时间:2024/06/06 02:57
使用一个空Vue实例来进行传值,通过$emit,$on即可。
<!DOCTYPE html><html lang="zh-CN"> <head> <title></title> <meta charset="utf-8"> <script src="./main/vue.js"></script> </head> <body> <div id="demo"> <!-- test code --> <custom-a></custom-a> <custom-b></custom-b> <!-- test code --> </div> </body> <script type="text/javascript"> let bus = new Vue(); Vue.component("custom-a", { template: '<button @click="transValue">Click</button>', methods: { transValue: () => bus.$emit("transValue", "hello from a") } }); Vue.component("custom-b", { template: '<input :value="msg">', data: function() { return { msg: "" } }, mounted() { bus.$on("transValue", msg => this.msg = msg) } }); new Vue({ el: "#demo" }); </script></html>
阅读全文
0 0
- Vue不同组件之间相互传值
- VUE组件之间传值
- vue组件之间的传值
- vue基础语法以及父子组件如何相互传值
- vue-router和vue-cli以及组件之间的传值
- vue组件传值
- vue-父子组件间的相互传值与传址
- 不同vlan之间相互通信
- EasyDSS流媒体服务器web前端:vue组件之间的传值,父组件向子组件传值
- EasyDSS RTMP流媒体服务器web前端:vue组件之间的传值,父组件向子组件传值
- vue组件之间的通信
- Vue组件之间传递参数
- vue组件之间的通信
- Vue 组件之间的引入
- VUE组件之间的通信
- vue组件之间的通信
- vue.js2.0非父子 组件之间传参
- vue.js组件传值
- tensorflow练习10:判断男声女声
- ZOJ Problem Set
- 基于AWS使用深度学习的10个Linux命令
- easyui combobox动态绑定数据
- 第三方账号登陆还是自主账号登录?
- Vue不同组件之间相互传值
- 纯css水平三级导航栏
- WebService
- HDU
- 通过CSS3的hover一个元素使其兄弟元素也相应改变某种属性
- C语言中sscanf()函数的用法
- 遗传算法
- FAQ
- 机器学习-梯度下降II