vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 17:02:38 +00:00
Code Issues Projects Releases Packages Wiki Activity

OrderList PickList demo updates

Browse source
This commit is contained in:
tugcekucukoglu 2024-05-30 14:10:35 +03:00
parent 76fc9f54ec
commit cda1e16bd8
5 changed files with 91 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

18
doc/picklist/BasicDoc.vue
View file

@ -1,11 +1,11 @@
<template>
<DocSectionText v-bind="$attrs">
<p>PickList requires a multidimensional array as its value bound with the <i>v-model </i>directive and a template for its content that gets the <i>item</i> instance and the index via slotProps.</p>
<p>PickList requires a multidimensional array as its value bound with the <i>v-model </i>directive and a template for its content that gets the <i>option</i> instance and the index via slotProps.</p>
</DocSectionText>
<div class="card">
<PickList v-model="products" dataKey="id" breakpoint="1400px">
<template #item="{ item }">
{{ item.name }}
<template #option="{ option }">
{{ option.name }}
</template>
</PickList>
</div>
@ -22,8 +22,8 @@ export default {
code: {
basic: `
<PickList v-model="products" dataKey="id" breakpoint="1400px">
<template #item="{ item }">
{{ item.name }}
<template #option="{ option }">
{{ option.name }}
</template>
</PickList>
`,
@ -31,8 +31,8 @@ export default {
<template>
<div class="card">
<PickList v-model="products" dataKey="id" breakpoint="1400px">
<template #item="{ item }">
{{ item.name }}
<template #option="{ option }">
{{ option.name }}
</template>
</PickList>
</div>
@ -56,8 +56,8 @@ export default {
<template>
<div class="card">
<PickList v-model="products" dataKey="id" breakpoint="1400px">
<template #item="{ item }">
{{ item.name }}
<template #option="{ option }">
{{ option.name }}
</template>
</PickList>
</div>