vue项目常见问题一--------------获取不到子组件的值以及解决方法

最新推荐文章于 2023-11-16 13:41:10 发布
最新推荐文章于 2023-11-16 13:41:10 发布
阅读量3.4k 收藏
点赞数
分类专栏： 组件传参 vue JavaScript 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40196539/article/details/106859277
版权
JavaScript 同时被 3 个专栏收录
39 篇文章 4 订阅
订阅专栏
vue
6 篇文章 0 订阅
订阅专栏
组件传参
2 篇文章 0 订阅
订阅专栏

1.在父组件打印this.$refs子组件的值，然后报错undefined!
在页面加载完成打印第二个子组件，报错，因为第二部分没有加载
所以写的时候加个判断控制，赋值的时候也加上条件控制，就不会报错了
下图参考
在这里插入图片描述
然后tab切换的时候v-if的值对应改变。

布朗狗熊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2.0的小坑——当Element UI 中的el-dialog包含子组件时，refs报undefind的问题
Leon的博客
03-05 1万+
<el-dialog title="提示" :visible.sync="dialogCreate" width="30%" @open="look()" :before-close="handleClose"> <app-form ref="appForm" v-bind:row="row&quot
vue 调用子组件方法失败_vue父组件引用子组件方法显示undefined问题原因及解决方法...
weixin_39839478的博客
12-29 2630
1.首先导入子组件并且在components中定义子组件2.引用子组件,并定义ref,ref定义的名称用于 this.$refs所调用的名称3.调用子组件的方法 (getLoanApplyInfo()为子组件的方法)。但是我在调用子组件的方法时 (this.$refs.pboc.getLoanApplyInfo()方法)，出现了getLoanApplyInfo未定义的异常。这个问题出现肯定是我没有...
在vue中使用this.$refs报错undefined找不到子组件的方法
此行必胜，你我顶峰相见
02-22 5762
最近遇见个问题 在父组件调用子组件的方法时报错undefined 这种情况一般都是父组件调用子组件方法的时候，子组件还未渲染成功 比如报错行是 this.$refs.passwordmodal.show(username); 可以改成上 this.$nextTick(()=>{ this.$refs.passwordmodal.show(username); }) ...
this.$refs获取不到子组件
weixin_43239880的博客
04-14 9385
this.$refs获取不到子组件 很多时候我们通过this.$refs.xxx去获取一个子组件的时候，会发现是undefined，有以下几个原因，也只可能是以下几个原因： 1.在mounted中调用 调用时机，this.refs的使用需要在mounted中使用且最好加上this.refs的使用需要在mounted中使用且最好加上this.refs的使用需要在mounted中使用且最好加上this.nextick来获取子组件 2.你需要获取的组件身上或者父元素身上带有v-if，需要把v-if更换成v-sho
vue中this.$refs获取不到组件元素(子组件)的解决办法
weixin_45832746的博客
03-07 1万+
3、组件在v-if的作用下，导致这个子组件未渲染，也是导致获取不到的因素，后续等渲染出来再用refs也是获取不到的。2、在mounted之前的钩子函数中获取不到，可以用this.$nextTick(()=>{｝1、必须要等页面中的ref子组件加载完毕，才可以获取到。
vue通过父组件调用子组件方法报错 this.$refs.questionInfo is undefined
最新发布
qq_53825610的博客
11-16 750
在js里通过 this.$refs.questionInfo.getList();调用子组件方法，界面报错 this.$refs.questionInfo is undefined。时，子组件尚未完全挂载。Vue在编译和渲染过程中是异步执行的，因此在访问。错误可能是因为尝试访问子组件的。之前，需要等到子组件完全挂载。
vue父组件调用子组件方法报错的解决方法
二三的博客
12-18 4330
vue父组件调用子组件方法报错 在父组件定义了一个tab标签页，每一个标签页下面都调用不同的组件，如下图所示： 子组件中定义的方法： setup() { const getList = () =>{ const date = moment(new Date()).format('YYYY-MM') loading.value = true apiGetPageList({ salaryDate: date, page: s
vue子组件在还没有获取到父组件数据数据时，报错
c_qianxia5040的博客
08-21 647
显示默认值问题，给传给子组件的值赋一个默认值
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
10-16
在Vue项目中使用Vue-draggable时，首先需要将Vue-draggable组件引入到项目中，可以使用npm包管理器进行安装。之后，在需要使用拖拽功能的组件中引入并注册Vue-draggable组件。注册后，就可以在Vue模板中使用它来实现...
vue 获取元素额外生成的data-v-xxx操作
10-14
本文主要探讨了在使用了Vue的作用域CSS（scoped CSS）后，如何获取并操作这些自动生成的data-v-xxx属性，以及与之相关的CSS作用域问题和Vue自定义属性的应用。 ### 作用域CSS和data-v-xxx 当我们在`<style>`标签中...
浅谈在vue-cli3项目中解决动态引入图片img404的问题
10-15
这要求开发者对Vue-cli3项目结构、环境变量、以及Webpack的配置和工作原理有一定的了解，才能准确找到问题所在，并使用合适的解决方案。希望本文能够为大家在开发Vue-cli3项目时遇到类似问题提供帮助。
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
12-09
总结来说，解决Vue Router在同一个路由下切换取不到变化的路由参数问题的关键在于使用`watch`来监听`$route`对象或其子属性的变化，而不是依赖于`data`中的值。通过这样做，我们可以确保在路由参数改变时及时更新...
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
然而，在Vue-Router 3.0版本中，开发者可能会遇到一个常见问题：使用`router.push`进行页面跳转时，URL会改变，但页面内容不会自动更新，除非手动刷新页面。这个问题在GitHub上也有相关的讨论，特别是在3.0.1版本中...
v-if报undefined
青春不打烊的博客
06-23 3164
vue项目使用v-if的判断值取不到报undefined错误。 代码演示： 定义一个变量，值在sessionStorage不存在； data() { return { bcid:sessionStorage.getItem("bcid"), }; }, 然后在标签中使用if； <div v-if="bcid!='12345678'" :key="bcid"> 该工坊未发布服务! </div> 这样就会报出undef
vue通过this.$refs引用子组件出现undefined或者is not a function的错误
热门推荐
ACodeBird
11-09 4万+
1.出现undefined错误 包含子组件的标签需要放在<template></template>中第一个子标签的子标签中，而且需要设置ref属性，通过该属性调用子组件的方法或者属性，例如 <template> <a-card :bordered="false"> <s-table> ... </s-t...
vue中echarts爬坑笔记（二） 父组件异步获取的数据给子组件，子组件报错或数据不更新
Cynthia_Yue27的博客
04-11 3033
父组件从后台请求的数据传给echarts所在的子组件遇到的问题： 1、父组件数据在没有设置初始值情况下，子组件接受到的数据报错： 类似这种：data.count is not a function 在子组件的mounted里面打印父组件传递过来的数据，发现是空的。 在给父组件赋初始值后，报错消失，说明父组件将初始值传给子组件更新视图是在父组件从后台获取数据之前，从而导致第二个问题 2、父组件有初始...
vue项目中父子组件在调用方法的时候出现undefined
OnlyJally的博客
10-25 2253
1. 使用vue中this.$nextTick() 2. 可以使用setTimeout
vue2.0中集成并使用ueditor，解决第一次编辑器正常加载，第二次就不加载的问题，父组件调用子组件的方法
chuxialia的博客
12-27 1461
vue2.0中集成并使用ueditor，解决第一次编辑器正常加载，第二次就不加载的问题，父组件调用子组件的方法
【Vue3+Ts】父组件使用setup语法糖获取不到子组件实例原因
Weiqian_的博客
08-09 1271
父组件使用setup语法糖获取不到子组件实例原因
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值