zoukankan      html  css  js  c++  java
  • elementUI的dialog无法获取dom

    1、问题描述:在弹框里,有个table,我本意是想着在拿到数据渲染table后,利用setCurrentRow()方法让第一行为默认选中高亮状态,这就需要操作dom,然而这个dom在这里根本拿不到,即使是加了this.$nextTick(()=>{})。

     2、但是根据以往的经验,我一般关闭dialog或者提交数据的时候都会调用dom进行清除数据或者验证,所以根据ref来操作dom是没有问题的(虽然我在dialog中直接获取不到dom,但是点击事件中都能获取到dom)

     3、原因:找了半天才发现……真是众里寻他千百度、一瞅文档喊卧槽啊!

     4、解决:我发现open事件就是个垃圾……正确姿势是在给底部加上slot='footer',我之前一直都是删掉的,觉得没有用,footer这个B玩意是实时加载的,你说气人不?

     5、试一下:mounted()中可以直接打印this.$refs,created()中打印dom需要加上this.$nextTick()

     6、总结:这个懒渲染区域有点像v-if,在打开弹框前一直都拿不到dom的,点击事件一定是在打开后你才能点得到按钮的吧,所以点击事件可以拿到dom,なるほど

     7、补充:解决第一条数据高亮可以设置   :class="{firstRow:isFirstRow}"   ,设置firstRow的样式后,控制isFirstRow的值为true还是false就行了

  • 相关阅读:
    蓝屏代码stop:0X000000EA(0X85E286B8,0X8635F210,0XF7A53CBC,0X00000001)
    SAP HR 复制PA30的人员
    ABAP OO 开发语法整理
    ABAP制作密码输入框
    Basis 基础
    Excel 文件下载
    SAP 锁机制
    SE16传输配置表数据
    FastAdmin bootstrap-table 分页手动输入跳转
    FastAdmin 的 url 有一个 ref=addtabs 是怎么添加的?
  • 原文地址:https://www.cnblogs.com/wuqilang/p/13397799.html
Copyright © 2011-2022 走看看