In vue, how to select radio or checkbox by default

there is a group of radio or checkbox option boxes, as follows:

 <ul>
    <li class="item" v-for="item in attrList">
        <input :type="radio"
               :id="getId()"
               name="attrItem"
               :class="inputClass"
               :value="item.propertyValueId"
               v-model="checkedList">
        <label :for="getId(false)" :title="item.valueData">{{ item.valueData}}</label>
    </li>
</ul>
        

 data() {
        return {
            checkedList: [this.propertyValueId]
        }
        props: {
            propertyValueId: {
                type: Number,
                default: null
            },
            // 0-radio  1-checkbox
            inputType: {
                type: Number,
                default: 1
            },
            
            attrList: {
                type: Array,
                default: []
            }
        }   
     

where the data format of attrList is as follows:

[         
  {
    propertyValueId: 1,
    valueData: "sku1 text alias"
  },
   {
    propertyValueId: 2,
    valueData: "sku1 text alias"
  },
   {
    propertyValueId: 3,
    valueData: "sku1 text alias"
  }
]

how do I check the response box by default based on the incoming propertyValueId?


 <ul>
    <li class="item" v-for="item in attrList">
        <input :type="inputClass"
               :class="inputClass"
               :id="getId()"
               :value="item.propertyValueId"
               v-model="checkedList">
        <label :for="getId(false)" :title="item.valueData">{{ item.valueData}}</label>
    </li>
</ul>
                
data() {
    return {
        checkedList: this.inputType === global.INPUT_TYPE.CHECK_BOX ? [] : this.propertyValueId
    }
},            
   

 computed: {
        // checkbox or radio
        inputClass() {
            return this.inputType === global.INPUT_TYPE.CHECK_BOX ? 'checkbox' : 'radio'
        }
    }
    
    
    checkboxradioradio

<li class="item" v-for="item in attrList">
    <input type="radio"
           :id="getId()"
           name="attrItem"
           :class="inputClass"
           :value="item.propertyValueId"
           :checked="ifchecked(item.propertyValueId)"
           v-model="checkedList">
    <label :for="getId(false)" :title="item.valueData">{{ item.valueData}}</label>
</li>
methods
ifchecked(prop){
    if(prop=='??'){//
    return true}
}
type:

put checkedList in the data of vue and give it a default value. BTW,radio button is a single choice, so how can you name the corresponding model checkedList?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b2c515-2bb16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b2c515-2bb16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?