在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Python  HTML/ el-dialog 彈窗獲取里面子組件

el-dialog 彈窗獲取里面子組件

視頻彈窗，如果放在外層就正?？梢哉{用，

clipboard.png

clipboard.png

但是如果加一層el-dialog 那么就獲取不到這個id,回調函數里面輸出的$ref里面有東西

clipboard.png

但是this.$ref.myPlayer1 返回undefined.

<el-dialog title="視頻" v-model="playFormVisible" :close-on-click-modal="false" @open='show()'>

        <video id="myPlayer1" poster="" controls playsInline webkit-playsinline autoplay ref="myPlayer1">
            <source src="rtmp://rtmp.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b" type="rtmp/flv" />
            <source src="http://hls.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.m3u8" type="application/x-mpegURL" />
        </video>
    </el-dialog>

如果想讓這個也正常，應該怎么寫，或者怎么獲取?

回答
編輯回答
巫婆

v-model是什么鬼，換成:visible.sync照官網的來，
然后在mounted里面取$ref試試

2017年5月23日 01:39
編輯回答
背叛者

video 其實是裝在 el-dialog 的 slot 中的，頁面進來的時候，dialog 尚未掛載，當然拿到不 video 元素了。

應該在 dialog 掛載后再獲取 video 元素。

show () {
   this.playFormVisible = true
   this.$nextTick(() => console.log(this.$refs.myPlayer1))

}

關于 nextTick，可以看看文檔： https://cn.vuejs.org/v2/api/#Vue-nextTick

2017年8月14日 19:41