verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 100 Releases Wiki Activity

#7411 - addInfoOnVnCheckboxAndVnInput #1295

Merged
jtubau merged 10 commits from 7411-addInfoOnVnCheckboxAndVnInput into dev 2025-02-11 08:50:10 +00:00
Conversation 0 Commits 10 Files Changed 8 +40
1 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a337bdf474 - Show all commits

40
src/components/common/VnCheckbox.vue Normal file
View File

@ -0,0 +1,40 @@
<script setup>
import { computed } from 'vue';
const emit = defineEmits(['update:modelValue']);
const $props = defineProps({
modelValue: {
alexm marked this conversation as resolved
alexm commented 2025-01-30 13:40:22 +00:00
Review
Copy Link

no poner label

no poner label
type: [Boolean],
default: null,
},
label: {
type: String,
default: null,
},
info: {
type: String,
default: null,
alexm commented 2025-02-07 07:28:26 +00:00
Review
Copy Link

Falta el
v-on="$attrs"

Falta el v-on="$attrs"
},
});
alexm marked this conversation as resolved Outdated
alexm commented 2025-02-07 07:29:40 +00:00
Outdated
Review
Copy Link

Acabo de ver que falta esta parte para que tenga los mismo slots:

<template v-for="(_, slotName) in $slots" #[slotName]="slotData" :key="slotName">
            <slot :name="slotName" v-bind="slotData" :key="slotName" />
        </template>
Acabo de ver que falta esta parte para que tenga los mismo slots: ``` <template v-for="(_, slotName) in $slots" #[slotName]="slotData" :key="slotName"> <slot :name="slotName" v-bind="slotData" :key="slotName" /> </template> ```
alexm commented 2025-01-30 13:41:03 +00:00
Outdated
Review
Copy Link

Quitar label y poner:


v-bind="$attrs"
v-on="$attrs"

Para que tenga los mismo parametros y emita los mismos eventos

Quitar label y poner: ``` v-bind="$attrs" v-on="$attrs" ``` Para que tenga los mismo parametros y emita los mismos eventos
const isChecked = computed({
get: () => $props.modelValue,
set: (value) => emit('update:modelValue', value),
});
</script>
<template>
<div>
<QCheckbox
:label="$props.label"
v-model="isChecked"
/>
<QIcon v-if="$props.info" class="cursor-info q-ml-sm" name="info" size="sm">
<QTooltip>
{{ $props.info }}
</QTooltip>
</QIcon>
</div>
</template>