David Yu Blog

Vue checkbox 該用@click還是@change?

Word count: 115Reading time: 1 min
2022/10/13

問題

1
2
3
4
5
6
<input
v-model="checkboxModelName"
@click="displayColumn()"
class="remoCloud-input"
type="checkbox"
>

displayColumn()是按了checkbox會觸發的方法,他會把checkboxModelName的值傳到後端,之後再存在資料庫。

但現在問題是似乎存進資料庫。

解決

應該把@click換成@change,因為@click代表按了馬上觸發方法,但這時checkboxModelName值還沒發生改變,換成@change代表checkbox value發生變化才會出發方法。

CATALOG
  1. 1. 問題
  2. 2. 解決