vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update FilterDoc.vue

pull/6989/head
tugcekucukoglu 2024-12-20 10:26:54 +03:00
parent e36cc99976
commit 62543e1a2c
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/showcase/doc/treeselect/FilterDoc.vue
View File

@ -8,7 +8,7 @@
</DocSectionText> </DocSectionText>
<div class="card flex flex-wrap justify-center items-end gap-4"> <div class="card flex flex-wrap justify-center items-end gap-4">
<TreeSelect v-model="selectedValue" filter filterMode="lenient" :options="nodes" placeholder="Select Item" class="md:w-80 w-full" /> <TreeSelect v-model="selectedValue" filter filterMode="lenient" :options="nodes" placeholder="Select Item" class="md:w-80 w-full" />
<TreeSelect v-model="selectedValue" filter filterMode="strict" :options="nodes" placeholder="Select Item" class="md:w-80 w-full" /> <TreeSelect v-model="selectedValue2" filter filterMode="strict" :options="nodes" placeholder="Select Item" class="md:w-80 w-full" />
</div> </div>
<DocSectionCode :code="code" :service="['NodeService']" v-bind="$attrs" /> <DocSectionCode :code="code" :service="['NodeService']" v-bind="$attrs" />
</template> </template>
@ -21,6 +21,7 @@ export default {
return { return {
nodes: null, nodes: null,
selectedValue: null, selectedValue: null,
selectedValue2: null,
code: { code: {
basic: ` basic: `
<TreeSelect v-model="selectedValue" filter filterMode="lenient" :options="nodes" placeholder="Select Item" class="md:w-80 w-full" /> <TreeSelect v-model="selectedValue" filter filterMode="lenient" :options="nodes" placeholder="Select Item" class="md:w-80 w-full" />
@ -42,6 +43,7 @@ export default {
return { return {
nodes: null, nodes: null,
selectedValue: null, selectedValue: null,
selectedValue2: null,
} }
}, },
mounted() { mounted() {
@ -64,6 +66,7 @@ import { NodeService } from './service/NodeService';
const nodes = ref(null); const nodes = ref(null);
const selectedValue = ref(null); const selectedValue = ref(null);
const selectedValue2 = ref(null);
onMounted(() => { onMounted(() => {
NodeService.getTreeNodes().then((data) => (nodes.value = data)); NodeService.getTreeNodes().then((data) => (nodes.value = data));