Question

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

我按下按钮，然后弹出窗口，现在该窗口的索引为1，如果我按下另一个按钮，则会出现新窗口（div元素），但其索引为2。

现在，我有了函数-单击该函数，它将使用全局Index变量设置索引，并且在函数末尾，我增加Index变量。但是我没有得到结果-Index变量没有增加（只有在我单击相同的按钮时它才增加）。有解决方案吗？

代码： HTML

<div @click="open(file.name)" class="folder">
    <div class="folder-styling">


    <div :style="{ 'background-image': 'url(/img/' + file.icon + '.png)' }" class="folder-icon">

    </div>
    <p>{{file.name}}</p>

    </div>
</div>

JS：

        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)


    }

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

Vue.prototype.$index = 1

动态更改元素的索引

0 个答案: