首页 > 其他分享 >vue2子组件获取父组件的实例以及数据,vue2子组件获取父组件的数据

vue2子组件获取父组件的实例以及数据,vue2子组件获取父组件的数据

时间:2025-01-16 11:42:57浏览次数:1  
标签:引入 return 获取 vue2 组件 数据

多个组件引入同一个js文件,实例化对象,数据不会错乱,再引入相同的组件,例如每个页面都需要引入到一个分页组件,然后分页组件需要获取各自父组件中的实例对象

通过  this.$parent  即可获取到父组件中的数据

所以在使用子组件时可以不用在组件上传入数据

 

公共js文件

function data1(m){
  return {
    data(){
      return {
        name: m
      }
    }
  }
}

function test1(){
  return {
    data(){
      return {
        name : this.$parent.name
      }
    }
  }
}
export {test1,data1}

父组件A引入使用

 父组件B引入使用

 父组件A和父组件B引入了共同的子组件C,然后C组件需要获取到两个父组件内自己的数据 ,他们互不干扰

 

标签:引入,return,获取,vue2,组件,数据
From: https://www.cnblogs.com/qq376324789/p/18674718

相关文章

  • Windows 可靠多播传输驱动程序(RMCAST) 是 Windows 操作系统中负责支持和管理可靠多播(Re
    CVE-2025-21307漏洞是Windows可靠多播传输驱动程序(RMCAST)中的远程代码执行漏洞。该漏洞允许未经身份验证的攻击者在受影响的系统上执行任意代码,可能导致系统被完全控制。漏洞描述:该漏洞存在于Windows可靠多播传输驱动程序(RMCAST)中。攻击者可以通过发送特制的请求......
  • HTML应用指南:利用GET请求获取微博用户特定标签的文章内容
    本篇文章,我们将探究GET请求的实际应用,我们使用Python的requests库通过GET请求抓取微博网页版(https://weibo.com/)的用户发布内容,因为微博整体使用的也是GET请求形式。随着城市化进程的加速,公共交通系统在人们的日常生活中扮演着越来越重要的角色。地铁作为大中型城市的主要......
  • WPF冷却塔组件
    1.封装基类ComponentBase.cs继承自UserControl,定义组件中使用的属性和命令publicclassComponentBase:UserControl{privatebool_isSelected;publicboolIsSelected{get{return_isSelected;}set{_isSelecte......
  • vue2的mixins
    代码复用,可以使用引入的组件内的数据以及方法使用Mixins的步骤定义Mixin:创建一个包含共享选项的对象。例如,定义一个myMixin.js文件://myMixin.jsexportdefault{data(){return{mixinData:'Thisismixindata'};},methods:{mixin......
  • vue组件大全
    作用此随笔记录我人生中所有自己写出来的组件样式图片加文字组件<template><divclass="set_img"><el-container><el-asidewidth="300px"><pclass="set_img_p">弹框一:</p>......
  • 利用 Java 爬虫获取 1688 商品评论的实践指南
    在电商领域,商品评论是消费者决策的重要参考因素,同时也是商家了解产品反馈、优化服务的关键数据来源。1688作为国内知名的B2B电商平台,拥有海量的商品评论数据。本文将详细介绍如何利用Java爬虫技术获取1688商品评论,并提供代码示例,帮助读者快速上手。一、项目背景与目标......
  • 获取阿里巴巴商品详情的高效途径:API调用与代码示例
    在当今电商蓬勃发展的时代,阿里巴巴作为全球知名的B2B平台,汇聚了海量的商品信息。对于开发者和商家而言,能够精准、高效地获取这些商品详情数据,无疑将为业务拓展和决策提供强大助力。本文将为您详细解读如何通过阿里巴巴开放平台API获取商品详情,并附上实用的代码示例,助您轻松上手......
  • UNI-APP 获取用户手机号授权与服务器端处理指南
    在UNI-APP中,获取用户手机号的流程通常涉及到微信小程序的授权机制。以下是实现步骤:1.配置小程序权限首先,确保在微信小程序的管理后台已经开启了获取用户手机号的权限。2.使用button​组件在UNI-APP中,你可以使用button​组件来触发获取用户手机号的操作......
  • UNI-APP 获取用户手机号授权与服务器端处理指南
    在UNI-APP中,获取用户手机号的流程通常涉及到微信小程序的授权机制。以下是实现步骤:1.配置小程序权限首先,确保在微信小程序的管理后台已经开启了获取用户手机号的权限。2.使用button​组件在UNI-APP中,你可以使用button​组件来触发获取用户手机号的操作......
  • 封装按钮信息与按钮数量动态显示与提示信息并进行触发按钮组件
    标题:封装弹框并点击动态按钮组件进行触发功能:封装按钮信息与按钮数量动态显示组件页面:按钮信息与按钮数量动态显示,提示信息不固定封装组件页面: <template><el-dialogv-model="dialogVisible"class="stepCustom-dialogcustom-dialog-center"destroy-on-closeheight=......