热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue传值:兄弟间传值

1.新建bus.jsimportVuefromvueexportdefaultnewVue;2.在a组件产生需要传递的值先引入bus.jsimportBusfromcomp

1.新建bus.js

import Vue from 'vue'
export default new Vue;

2.在a组件产生需要传递的值

//先引入bus.js
import Bus from '@/components/bus/bus.js'//兄弟间传值---设置值
Bus.$emit('navItemtable',this.navItemtable);

3.在b组件得到需要传递的值

//先引入bus.js
import Bus from '@/components/bus/bus.js'mounted(){//兄弟间传值---得到值Bus.$on('navItemtable',(e)=>{console.log(e) })},

 


推荐阅读
  • 在mpvue中引入腾讯地图插件,没有报错也不显示地图。 ... [详细]
  • Vue3中setup函数的参数props和context配置详解
    本文详细介绍了Vue3中setup函数的参数props和context的配置方法,包括props的接收和配置声明,以及未通过props进行接收配置时的输出值。同时还介绍了父组件传递给子组件的值和模板的相关内容。阅读本文后,读者将对Vue3中setup函数的参数props和context的配置有更深入的理解。 ... [详细]
  • 本文介绍了如何使用vue-awesome-swiper组件,包括在main.js中引入和使用swiper和swiperSlide组件,以及设置options和ref属性。同时还介绍了如何在模板中使用swiper和swiperSlide组件,并展示了如何通过循环渲染swipes数组中的数据,并使用picUrl属性显示图片。最后还介绍了如何添加分页器。 ... [详细]
  • 本文讨论了将HashRouter改为Router后,页面全部变为空白页且没有报错的问题。作者提到了在实际部署中需要在服务端进行配置以避免刷新404的问题,并分享了route/index.js中hash模式的配置。文章还提到了在vueJs项目中遇到过类似的问题。 ... [详细]
  • 一、路由首先需要配置路由,就是点击good组件进入goodDetail组件配置路由如下{path:goodDetail,component:goodDetail}同时在good组件中写入如下点击事件,路由中加入 ... [详细]
  • 小组件在components文件夹中,页面组件在views文件夹中一、先写小组件的vue,比如text.vue(在template设置模板渲染,style设置样式)<template><divclass"text">&a ... [详细]
  • 本文介绍了在wepy中运用小顺序页面受权的计划,包含了用户点击作废后的从新受权计划。 ... [详细]
  • 本文记录了在vue cli 3.x中移除console的一些采坑经验,通过使用uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,包括设置minimizer、UglifyJsPlugin和compress等参数,最终成功移除了console。同时,还包括了一些可能出现的报错情况和解决方法。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • Go Cobra命令行工具入门教程
    本文介绍了Go语言实现的命令行工具Cobra的基本概念、安装方法和入门实践。Cobra被广泛应用于各种项目中,如Kubernetes、Hugo和Github CLI等。通过使用Cobra,我们可以快速创建命令行工具,适用于写测试脚本和各种服务的Admin CLI。文章还通过一个简单的demo演示了Cobra的使用方法。 ... [详细]
  • node.jsrequire和ES6导入导出的区别原 ... [详细]
  • 详解react组件通讯方式(多种)
    这篇文章主要介绍了详解react组件通讯方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着 ... [详细]
  • 1223  drf引入以及restful规范
    [toc]前后台的数据交互前台安装axios插件,进行与后台的数据交互安装axios,并在main.js中设置params传递拼接参数data携带数据包参数headers中发送头部 ... [详细]
  • 怎么将iconfont字体图标引入到mpvue小程序中
    今天就跟大家聊聊有关怎么将iconfont字体图标引入到mpvue小程序中,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望 ... [详细]
  • uni-app入门uni,从这个单词的意思,就能看的出来,Dcoud社区的野心这个试图统治整个前端界的技术,到底有没有那么好呢࿱ ... [详细]
author-avatar
koujj
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有