Javascript 动态更改元素'；s指数

我正在尝试做这样的事情：

我按下按钮，窗口弹出，现在这个窗口的索引将是1，如果我按下另一个按钮，新窗口（div元素）将出现，但其索引将是2

现在我有了函数-click，它使用全局索引变量设置索引，在函数的末尾，我增加了索引变量。但是我没有得到结果-索引变量没有增加（只有在我点击同一个按钮时才增加）。有什么解决办法吗

代码： HTML

main.js文件中的全局变量：

Vue.prototype.$index = 1

        open(folder){


       var doc = document.getElementById(folder)
       doc.style.zIndex = this.$index+1
       var tab = document.getElementById('tabs'+folder)
       doc.style.display = "block",

       tab.style.display = "inline-block",
       this.$props.file.active(true)
       this.index = this.$index + 1
       console.log(this.$index)


    }

Vue.prototype.$index = 1