I am having a list of navigation items that on load click the first element from the list

```
<li class="nav-item"  v-for="(checkoutplan, index) in checkoutplans" :key="checkoutplan.id">
     <a  class="nav-link" :class="{ 'active show' : index === 0 }" href="#settings" data-toggle="tab" @click="editModal(checkoutplan)">Checkout Plan {{index +1}}</a>
</li>

```

What i am trying

```
 document.querySelector("li[class='nav-item']").click()

```

nor

```
document.querySelector("li.nav-item:first-child").click()

```

It is not working

```
  created() {
        axios.get("api/checkoutplan")
        .then(({ data }) => {this.checkoutplans = data;document.querySelector("a.nav-link:first-child").click();});
    }

```