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就行了

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM