1. 程式人生 > >操作div v-for 裡的元素隱藏

操作div v-for 裡的元素隱藏

目前的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";
                });

搞定,以上是部分是虛擬碼,提供個思路進行操作。