第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決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貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超1個贊

看到這個問題的時(shí)候剛開始我也愣了一下,后來索性去試了一下發(fā)現(xiàn)了一些問題

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

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

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

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

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

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

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

查看完整回答
反對 回復(fù) 2018-12-16
  • 1 回答
  • 0 關(guān)注
  • 4858 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號