如何使用查询选择器单击

Question

我有一个导航项目列表，在加载时单击列表中的第一个元素

<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>

我在想什么

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

也不

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

没用

  created() {

        axios.get("api/checkoutplan")

        .then(({ data }) => {this.checkoutplans = data;document.querySelector("a.nav-link:first-child").click();});

    }

Answer 1

var button = document.querySelector("input[type=button]");button.addEventListener("click", function() {&nbsp; alert("button was clicked");})