Skip to content

article

vitepress-markdown
markdown-语法
markdown-语法
markdown-语法

vue按钮自增

The count is: 0

vitepress-useData-page pre

{
  "title": "article",
  "description": "",
  "frontmatter": {},
  "headers": [],
  "relativePath": "article/index.md",
  "filePath": "article/index.md",
  "lastUpdated": 1722690483000
}

自定义vue组件

custom-component

链接

内部链接外部链接

表格

TablesAreCool
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare neat$1

Emoji 🎉 💯 查看所有表情

自定义容器 默认标题

INFO

This is an info box.

TIP

This is a tip.

WARNING

This is a warning.

DANGER

This is a dangerous warning.

Details

This is a details block.

自定义标题

STOP

Danger zone, do not proceed

查看源码
js
123

TDatePicker 参数配置

简介:基于 Element-plus DatePicker DateTimePicker 组件的二次封装,取决于 type 值

TDatePicker 日期组件 代码示例:

html
<t-date-picker v-model="date" />

Attributes 继承 DatePicker DateTimePicker 的 Attributes

参数说明类型默认值
v-model绑定值[String, Date, Array]-
plusTime日期范围是否显示 00:00:00 23:59:59 时分秒Booleanfalse
type时间类型(继承 element DatePicker DateTimePicker)Stringdate
shortcuts设置快捷选项,需要传入数组对象Array<{ text: string, value: Date & Function }>-
isPickerOptions是否开启自带快捷方式Booleanfalse

type 类型

week 周;month 月;year 年;dates 多个日期;months 多个月;years 多个年;daterange 日期范围;monthrange 月份范围;datetime 日期和时间点;datetimerange 日期和时间点范围

events

事件名说明返回值
change用户确认选定的值时触发组件绑定值。格式与绑定值一致,可受 value-format 控制

Slots

事件名说明
default自定义内容
range-separator自定义范围分割符内容

This {{ will be displayed as-is }}

{{ This will be displayed as-is }}`

js
Hello 2