Refactor on Checkbox Demo

pull/411/head
Yiğit FINDIKLI 2020-07-16 17:32:11 +03:00
parent 06afcf73ec
commit 2a312c4484
1 changed files with 0 additions and 2 deletions

View File

@ -33,14 +33,12 @@
<Checkbox id="city4" name="city" value="San Francisco" v-model="cities" /> <Checkbox id="city4" name="city" value="San Francisco" v-model="cities" />
<label for="city4">San Francisco</label> <label for="city4">San Francisco</label>
</div> </div>
<p>Selected Cities : <span style="font-weight: bold">{{cities}}</span></p>
<h5>Dynamic Values, Preselection, Value Binding and Disabled Option</h5> <h5>Dynamic Values, Preselection, Value Binding and Disabled Option</h5>
<div v-for="category of categories" :key="category.key" class="p-field-checkbox"> <div v-for="category of categories" :key="category.key" class="p-field-checkbox">
<Checkbox :id="category.key" name="category" :value="category" v-model="selectedCategories" :disabled="category.key === 'R'"/> <Checkbox :id="category.key" name="category" :value="category" v-model="selectedCategories" :disabled="category.key === 'R'"/>
<label :for="category.key">{{category.name}}</label> <label :for="category.key">{{category.name}}</label>
</div> </div>
<p>Selected Categories: <span style="font-weight: bold">{{this.selectedCategories}}</span></p>
</div> </div>
</div> </div>