el-dialog 弹窗获取里面子组件(异常问题)

标签: nextTick el-dialog vue
5人阅读 评论(0) 收藏 举报
分类:

代码:

<el-dialog title="货物明细" :visible.sync="visible" custom-class="customDialog" size="small" top="3%">
    <v-hwmx ref="hwmxdialog" v-on:setHwmxVisible="setHwmxVisible"></v-hwmx>
</el-dialog>

问题:通过this.$refs.hwmxdialog拿不到子组件

console.log(this.$refs.hwmxdialog);//undefined

解决方法:

this.$nextTick(() => console.log(this.$refs.hwmxdialog));

nextTick文档:https://cn.vuejs.org/v2/api/#Vue-nextTick

类似问题文档:https://segmentfault.com/q/1010000012146949

查看评论

解决el-dialog弹框多重嵌套,实现最好用的el-dialog

解决el-dialog弹框多重嵌套的问题。实现最好用的el-dialog &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;随着...
  • zmy_coder
  • zmy_coder
  • 2017-09-20 16:36:06
  • 2846

前端踩坑小结:当elementui的el-dialog组件中包含子组件时,用refs调用子组件时的undefined问题

今天开发VUE我在elementui的el-dialog组件中包含了一个子组件。 然后我通过$refs调用该子组件里面的方法,在控制台上却显示undefined。 因为自己之前用...
  • qq_39861508
  • qq_39861508
  • 2018-01-02 20:56:15
  • 338

vue2.0的小坑——当Element UI 中的el-dialog包含子组件时,refs报undefind的问题

&amp;lt;el-dialog title=&quot;提示&quot; :visible.sync=&quot;dialogCreate&quot; width=&quot;3...
  • sinat_36422236
  • sinat_36422236
  • 2018-03-05 18:05:17
  • 203

vue+element ui 使用$refs获取el-dialog 下的 el-table 组件 ,以及使用table多选,默认选中

el-dialog代码块: dialog">打开dialog                                       内容"  prop="description...
  • qq_32375417
  • qq_32375417
  • 2018-01-11 16:57:51
  • 452

element ui 对话框el-dialog关闭事件

通常会有需求,在关闭弹框后需要清空填写的数据,这时候就需要关闭事件了 在标签中加入@close='closeDialog' mothods中加入 //关闭弹框的事件 closeDialo...
  • rickiyeat
  • rickiyeat
  • 2017-08-02 19:18:02
  • 9820

Vue基础:组件--组件及组件通信

组件组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以is特性扩展。使用组...
  • ligang2585116
  • ligang2585116
  • 2017-10-16 19:31:37
  • 373

自定义dialog中组件的获取

问题描述:今天在做弹出对话框的功能时,想获取对话框中组件的text并在主窗口显示,结果运行以后报nullpointer...
  • blwinner
  • blwinner
  • 2016-01-12 16:23:29
  • 1198

cocos2d-js弹窗组件

  • 2016年02月18日 10:26
  • 132KB
  • 下载

爬坑日记--------vue之弹出框传值问题

在一个vue页面,进入另一个弹出框定义的vue(传入dialogStatus值)时,我遇到第一次进入弹出框页面dialogStatus值为空,第二次进入时值传过去了。 代码: vue页面: ...
  • a54464811
  • a54464811
  • 2017-11-30 10:12:44
  • 569

weui的自定义Dialog,只能获取到第一次获取的dome元素的值

今天遇到的很奇怪的问题,纠结了好长时间,看下面实例代码来体会这个奇怪的问题 $.modal({ title: "测试", text: "文本框1 文本框2"...
  • idongit
  • idongit
  • 2017-08-10 18:41:55
  • 643
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 4056
    积分: 534
    排名: 9万+
    博客专栏
    文章存档
    最新评论