Demo update
parent
2a312c4484
commit
9bc03874a9
|
@ -168,14 +168,12 @@ export default {
|
||||||
<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>
|
|
||||||
|
|
||||||
<h3>Dynamic Values, Preselection, Value Binding and Disabled Option</h3>
|
<h3>Dynamic Values, Preselection, Value Binding and Disabled Option</h3>
|
||||||
<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>
|
|
||||||
</template>
|
</template>
|
||||||
</CodeHighlight>
|
</CodeHighlight>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue