31 lines
642 B
Vue
31 lines
642 B
Vue
|
<script setup>
|
||
|
|
import { computed } from 'vue';
|
||
|
|
|
||
|
|
const emit = defineEmits(['update:checked']);
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
checked: {
|
||
|
|
type: [Array, Boolean],
|
||
|
|
default: false,
|
||
|
|
},
|
||
|
|
value: {
|
||
|
|
default: null,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
const proxyChecked = computed({
|
||
|
|
get() {
|
||
|
|
return props.checked;
|
||
|
|
},
|
||
|
|
|
||
|
|
set(val) {
|
||
|
|
emit("update:checked", val);
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<input type="checkbox" :value="value" v-model="proxyChecked"
|
||
|
|
class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50">
|
||
|
|
</template>
|