M-AdminM-Admin
首页
指南
  • MTable
  • MForm
  • MTinymce
  • 季度选择器
  • MSearchForm
  • 预览地址
  • Gitee源码
  • Github源码
  • 更新日志
捐赠
首页
指南
  • MTable
  • MForm
  • MTinymce
  • 季度选择器
  • MSearchForm
  • 预览地址
  • Gitee源码
  • Github源码
  • 更新日志
捐赠
  • 指南

    • 介绍
    • 快速上手
    • 目录结构
    • 路由、菜单
    • 权限管理
    • 系统配置
  • 进阶

    • 网络请求
    • 国际化配置
    • Hooks
    • Store
    • TSX 支持
  • 组件教程

    • MTable
    • MForm
    • MTinymce
    • 季度选择器
    • MSearchForm
  • 其他

    • 项目代码规范
    • 常见问题

季度选择器

MForm 是基于arco-design-vue的date-picker进行二次封装的组件, 由于原生组件面板显示内容为Q1,Q2,Q3,Q4,针对该现象就行二次封装。

使用示例


<template>
<MQuarterSelect v-model="quarter" />
</template>

<script lang="ts" setup>
  import MQuarterSelect from '@/components/m-quarter-select/index.vue'

  const quarter = ref<string>('1')
</script>

Props

属性名类型描述默认值
modelValuestring | number绑定值--
modelValuestring绑定值--
placeholderstring提示文字--

Event

方法名描述参数
change绑定值改变时触发value:string
最近更新:: 2025/6/20 03:53
Contributors: xuyp
Prev
MTinymce
Next
MSearchForm