vue.js 如何在点击其他元素时将复选框更改为false？

mftmpeh8 于 2023-05-01 发布在 Vue.js

关注(0)|答案(1)|浏览(141)

我有复选框

<input  type="checkbox"  class="toggler-mob">

我有路由器链接

<router-link to="/">search</router-link>

点击routerlink时如何将复选框更改为false？

1条答案

首先，你需要将一个变量绑定到复选框：

<input type="checkbox"  v-model="checkboxValue">

然后你可以在router-link上设置一个@click事件：

<router-link to="/" @click="checkboxValue = false">search</router-link>

如果实际上不是单击链接而是离开路由，请查看onBeforeRouteLeave钩子或onBeforeRouteUpdate钩子