Below I will share with you an implementation method based on vue v-for loop checkbox-the first one is checked by default. It has a good reference value and I hope it will be helpful to everyone.
Application scenario: When making multiple selections, the first one is generally displayed by default.
Implementation method: pure vue implementation
Example:
<span v-for="(one,index) in site"><input type="checkbox" :checked="index == 0" style="vertical-align: middle;"><label>{{one.name}}</label></span> //:checked="index == 0"为索引为0的,即为第一个复选框添加属性。
Extension: The check box that is selected by default only needs to be specified by index.
The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.
Related articles:
Vue-cli development environment method to implement cross-domain requests
Angular5 tags for the component itself Method of adding style class
Sample code for Vue to implement internal component carousel switching effect
The above is the detailed content of How to check the first one in the v-for loop checkbox by default through vue?. For more information, please follow other related articles on the PHP Chinese website!