Vue。input[type="checkbox"]
指令用于綁定復選框的選中狀態,它與v-model
指令的作用類似,但v-model
指令只能綁定單選框或文本框的值。
對于簡單的需求,v-model
指令已經能夠滿足需求,但在涉及到單選框的互斥關系或者復選框的多選關系時,input[type="checkbox"]
指令就能夠更加方便地實現這些需求。
下面是一個使用input[type="checkbox"]
指令的示例:
<template>
<div>
<label>
<input type="checkbox" v-model="checked">
同意協議
</label>
<br>
<button @click="submit">提交
在上述代碼中,我們使用v-model
指令綁定了input[type="checkbox"]
元素的選中狀態,當復選框選中時,checked
屬性的值為true
,否則為false
。在submit
方法中,根據checked
屬性的值來決定是否提交。
上一篇vue 3 router
下一篇vue 3 工具網站