操作div v-for 裡的元素隱藏
阿新 • • 發佈:2018-12-01
目前的div:
<div class="highchart_items" v-for="item in containers" :id="item.containerId" style="min-width: 310px; height: 400px; margin: 20px auto"></div>
containers為一個數組,例如:
containers:[ {interval:'', containerId:'peakContainer'}, {interval:'oneminute', containerId:'oneMinuteContainer'}, {interval:'fiveminute', containerId:'fiveMinuteContainer'}, {interval:'fifteenminute', containerId:'fifteenMinuteContainer'}, {interval:'thirtyminute', containerId:'thirtyMinuteContainer'}, {interval:'onehour', containerId:'oneHourContainer'} ]
向裡面新增資料,渲染圖表:
vm.containers.forEach(function (item, index) {
vm.render(url, item.containerId);
});
render:function(url,containerId){}){
/*省略*/
}
隱藏渲染的圖表:
vm.containers.forEach(function(item, index){ $(".highchart_items")[index].style.display="none"; });
搞定,以上是部分是虛擬碼,提供個思路進行操作。