子组件

<template>
  <button @click="handleClick">Click Me</button>
</template>

<script lang="ts" setup>
import { defineEmits } from 'vue';

// 定义 emit 并指定事件类型
const emit = defineEmits(['customEvent']);

const handleClick = () => {
  // 触发自定义事件并传递数据
  emit('customEvent', 'some data');
};
</script>

父组件

<template>
  <div>
    <MyButton @customEvent="handleCustomEvent" />
  </div>
</template>

<script lang="ts" setup>
import MyButton from './MyButton.vue';

const handleCustomEvent = (data: string) => {
  console.log('Event received:', data);
};
</script>

REST_FRAMEWORK = {
    'DATETIME_FORMAT': '%Y-%m-%d %H:%M:%S',  # 设置日期时间显示格式
}

修改setting.py

from django.conf.locale.zh_Hans import formats as zh_formats

DATETIME_FORMAT = "Y-m-d H:i:s"
zh_formats.DATETIME_FORMAT = "Y-m-d H:i:s"

model

class Video(models.Model):
    view_count = models.IntegerField(verbose_name='浏览量', default=0)
    like_count = models.IntegerField(verbose_name='点赞量', default=0)
    collect_count = models.IntegerField(verbose_name='收藏量', default=0)
    comment_count = models.IntegerField(verbose_name='评论量', default=0)
    # 忽略其他字段

view

from django.db.models import Sum, Count

data = Video.objects.aggregate(
        count=Count('id'),
        view_count=Sum('view_count'),
        like_count=Sum('like_count'),
        collect_count=Sum('collect_count'),
        comment_count=Sum('comment_count')
    )

<template>
  <div >
    日期：
    <el-config-provider :locale="locale">
      <el-date-picker
        v-model="date"
        type="date"
        placeholder="选择日期"
        format="YYYY/MM/DD"
        value-format="YYYY-MM-DD"
      />
    </el-config-provider>
  </div>
</template>
 
<script lang="ts" setup>
import zhCn from "element-plus/lib/locale/lang/zh-cn";
import { ref } from "vue";
const date = ref()
const locale = zhCn,
</script>