Brain777 最近的时间轴更新 Brain777 最近的时间轴更新 |
Brain777V2EX 第 662928 号会员，加入于 2023-11-16 17:59:27 +08:00 |
Brain777 最近回复了
86 天前 回复了 semxau789 创建的主题 › 问与答 › 给六年级的小学生送什么好 |
乐高 法拉利
134 天前 回复了 tlerbao 创建的主题 › 程序员 › 封装 el-date-picker 不可以使用 :modelValue="modelValue"做双向绑定吗 |
// 调用
<DataRange v-model="date_range" />
// 二次封装的 DateRange 组件
<template>
<el-date-picker
v-model="date"/>
</template>
<script setup lang="ts">
interface Props {
modelValue: string | Date;
}
const props = withDefaults(defineProps<Props>(), {
modelValue: "",
});
const emit = defineEmits(["update:modelValue"]);
const date = ref<string | Date>("")
watch(date,(value) => emit("update:modelValue", value))
</script>
可以这样写
<DataRange v-model="date_range" />
// 二次封装的 DateRange 组件
<template>
<el-date-picker
v-model="date"/>
</template>
<script setup lang="ts">
interface Props {
modelValue: string | Date;
}
const props = withDefaults(defineProps<Props>(), {
modelValue: "",
});
const emit = defineEmits(["update:modelValue"]);
const date = ref<string | Date>("")
watch(date,(value) => emit("update:modelValue", value))
</script>
可以这样写
Select Language