操作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"; });

搞定，以上是部分是伪代码，提供个思路进行操作。