亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue element ui 獲取el-dialog 下的 el-table 組件 使用

vue element ui 獲取el-dialog 下的 el-table 組件 使用

海綿寶寶撒 2018-11-20 17:15:48
<div id="app">    <el-button type="text" @click="dialogTableVisible = true">打開嵌套表格的 Dialog</el-button>    <el-dialog id='dial' ref='dialog'  title="收貨地址" v-model="dialogTableVisible">        <el-table  ref='gr' :data='gridData'  selection-change ='handleSelectionChange'>            <el-table-column ref= 'col' type="selection"  :selectable = "selection" width="55" ></el-table-column>            <el-table-column property="date" label="日期" width="150"></el-table-column>            <el-table-column property="name" label="姓名" width="200"></el-table-column>            <el-table-column property="address" label="地址"></el-table-column>        </el-table>    </el-dialog></div>mounted : function () {               console.log(this.$refs);        console.log(this.$refs.gr);  //提示undefined }
查看完整描述

1 回答

?
慕神8447489

TA貢獻1780條經驗 獲得超1個贊

看到這個問題的時候剛開始我也愣了一下,后來索性去試了一下發現了一些問題

https://img1.sycdn.imooc.com//5c15eb2c000149fb15400527.jpg

從上圖可以看到我,通過打印dialog的兩個狀態下的refs找到了問題

個人推測:由于,el-dialog嵌套el-table的情況下,el-table是在el-dialog打開后動態渲染上去的,也就是說,在沒有打開dialog的情況下el-table在頁面中并不存在,元素不存在的話,元素上的屬性當然是獲取不到的,因此顯示undefind

那么按照你的需求可能需要處理下再獲取ref,如下

https://img1.sycdn.imooc.com//5c15eb380001f58912220474.jpg

https://img1.sycdn.imooc.com//5c15eb400001b23005140169.jpg

你可以嘗試一下,程序嘛,貴在嘗試

查看完整回答
反對 回復 2018-12-16
  • 1 回答
  • 0 關注
  • 4891 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號