Vue中的checked屬性是常用于單選、復選框的表單處理中的一個狀態屬性。checked屬性指定了該輸入框是否被選中,對應的屬性值是一個Boolean類型,即true表示被選中,false表示未選中。
在Vue中使用checked屬性需要用到v-model指令,在Vue中v-model的使用方式是將表單元素與Vue實例或者組件數據雙向綁定關聯。下面是一個使用checkbox的例子:
<template> <div> <input type="checkbox" v-model="checked"> {{ checked }} </div> </template> <script> export default { data() { return { checked: false } } } </script>
上面的代碼中,input標簽的type屬性為checkbox,v-model綁定了checked屬性,checked屬性初始值為false。當用戶勾選checkbox后,checked值變為true,同時頁面上也會對應地顯示出true。
使用checked屬性可以方便地獲取單選、復選框的狀態,且Vue還提供了checkboxes和radio buttons的v-model的修飾符,比如.number將輸入值轉化為數值類型,.trim將輸入值的首尾空格去除,.lazy將輸入事件變為change事件等。
上一篇vue ico設置
下一篇vue image 壓縮