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

鍍金池/ 問答/HTML5  HTML/ vuejs v-show對echarts的顯示的影響？

vuejs v-show對echarts的顯示的影響？

具體的需求如下：（掛載的時候option里面的數(shù)據(jù)時空的，初始化的時候填充進(jìn)去）

clipboard.png

這個是表格位置的限定：

clipboard.png

此處是數(shù)據(jù)的填充：

clipboard.png

初始化數(shù)據(jù)的時候echarts能夠正常顯示，

clipboard.png

點擊“關(guān)閉更多”后表格收起，再次點擊“查看更多”,表格就不渲染了變成了空白，數(shù)據(jù)還在，就是無法渲染，有人知道這是什么問題嗎？

clipboard.png

clipboard.png

頁面布局如上圖所示：<section id="myChart"></section>
回答
編輯回答
尛曖昧

看看這個

百度一下很難嗎

2017年9月12日 21:43
編輯回答
吢涼

問題原因：
1、v-show控制的是元素的隱藏與顯示屬性即：display:none|block;用于并不需要重新渲染的靜態(tài)元素和數(shù)據(jù)
2、v-if 需要的時候才進(jìn)行渲染，頁面中未渲染前是不存在該元素的，同樣獲取不到對應(yīng)元素的各種屬性
3、<section id="myChart"></section>外還套有一層div，該div使用的是v-if來控制，所以再次展開時echarts空白顯示

總結(jié)：造成echarts隱藏與顯示切換div空白的情況:
1、如："凹凸不平"的鏈接，即高度未正確獲取導(dǎo)致；
2、未echarts綁定v-if未重新渲染導(dǎo)致；
3、也就是我的情況了，v-if和v-show嵌套不慎導(dǎo)致；

2017年12月3日 11:15