/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-number-input/usage.vue
59 строк
2 KB
Yuchao
feat(VNumberInput): add new component to labs (#18162)
19 мар 2024, 22:43
Не верифицирован
19 мар 2024, 22:43
319b9c6
Код
Авторство
О чём код?
<template> <ExamplesUsageExample v-model="model" :code="code" :name="name" :options="options" > <div class="text-center"> <v-number-input v-bind="props"></v-number-input> </div> <template v-slot:configuration> <v-select v-model="controlVariant" :items="controlVariantOptions" label="Control Variant" ></v-select> <v-checkbox v-model="reverse" label="Reverse"></v-checkbox> <v-checkbox v-model="inset" label="Inset"></v-checkbox> <v-checkbox v-model="hideInput" label="HideInput"></v-checkbox> <v-text-field v-model="label" label="Label" clearable></v-text-field> </template> </ExamplesUsageExample> </template> <script setup> const name = ref('v-number-input') const model = ref('default') const options = ['outlined', 'filled', 'solo', 'solo-inverted', 'solo-filled'] const controlVariantOptions = ['default', 'stacked', 'split'] const reverse = ref(false) const controlVariant = ref('default') const disabled = ref(false) const loading = ref(false) const inset = ref(false) const hideInput = ref(false) const label = ref('') const props = computed(() => { return { reverse: reverse.value, controlVariant: controlVariant.value, disabled: disabled.value || undefined, label: label.value, loading: loading.value || undefined, hideInput: hideInput.value, inset: inset.value, variant: model.value !== 'default' ? model.value : undefined, } }) const slots = computed(() => { return `` }) const code = computed(() => { return `<v-number-input${propsToString(props.value)}>${slots.value}</v-number-input>` }) </script>