Vue中的checked屬性是用來控制單選框和復選框是否選中的。當一個單選框或復選框被勾選時,checked屬性的值為true;當沒有被勾選時,checked屬性的值為false。
<template> <div> <label> <input type="checkbox" v-model="isChecked" /> 是否選中 </label> </div> </template> <script> export default { data() { return { isChecked: false }; } }; </script>
為了讓一個單選框或復選框默認選中,我們可以通過給checked屬性賦初值為true或false來實現。另外,我們也可以通過v-model來綁定一個變量,使其與checked屬性關聯起來,從而動態地改變單選框或復選框的選中狀態。
除了單選框和復選框,其他一些表單元素也有checked屬性,如radio、switch等。這些元素的checked屬性用法與單選框和復選框類似。
上一篇html廣告漂浮代碼