vue 子父组件之间的通信,及在调用组件的地方
2024-08-29 02:20:53
这里是用了 element ui 你们也可以看一下管方的文档 http://element.eleme.io/#/zh-CN/component/installation
组件html
<div class="Hander">
<el-row :gutter="20">
<el-col :span="4"><div class="back" @click="Back"><i class="el-icon-arrow-left"></i></div></el-col>
<el-col :span="16"><div class="bg-purple">{{HanderTitle}}</div></el-col>
<el-col :span="4"><div @click="PublicSave">{{saveTitle}}</div></el-col>
</el-row>
</div>
js
$emit 一是DOM绑定事件,二是自定义事件。可以传递参数我在这里用到就没有写
methods: {
PublicSave() {
this.$emit("Public");
},
},
然后在引用组件的页面去调用emin定义的方法名也就是Public
html
<hander @Public="PublicSave"></hander> //Public是在组件emin自定义的方法
js
import hander from "@/components/Hander";
methods: {
PublicSave() {
alert("1");
}
},
我实现的效果吧就是把app hander头部定义为组件,因为组件里面有自定义标题和右边有保存,跳转页面。每个页面的业务不一样,所以需要通信 emin 来实现 。
最新文章
- 【转】XenServer的架构之Xenopsd组件架构与运行机制
- typedef 和 #define 的区别
- Android获取系统时间方法的总结
- struts+spring action应配置为scope=";prototype";
- 制作Aspose CHM文档的过程记录
- 如何使用Git——(二)
- uva 10562
- leetcode@ [91] Decode Ways (Dynamic Programming)
- jqueryui.position.js源代码分析
- Vmware 8.00 文件共享ubuntu
- use of undeclared identifier *** , did you mean ***. in xcode
- SQL*Net more data from client
- 布局神器:Flexbox
- [LeetCode]题解(python):072-Edit Distance
- SQL Syscolumns
- Redis安装介绍
- Python selenium根据class定位页面元素
- jenkins:一个jenkins项目远程触发另一个jenkins项目构建配置
- 利用ansible批量部署zabbix-agent
- 代理_正向代理_反向代理_nginx_转
热门文章
- 【learning】洲阁筛
- 前端基础----jquery
- go日期时间函数+常用内建函数+错误处理
- Codeforces Round #423 (Div. 2, rated, based on VK Cup Finals) D 构造烟花
- Uoj308【UNR #2】UOJ拯救计划
- HashCode与Equals回顾
- Turkey HSD检验法/W法
- [线索二叉树] [LeetCode] 不需要栈或者别的辅助空间,完成二叉树的中序遍历。题:Recover Binary Search Tree,Binary Tree Inorder Traversal
- 2.redis设计与实现--链表
- Codeforces 221 B. Little Elephant and Numbers