coderider-demo-vue

coderider-demo-vue

安装方式

npm install coderider-demo-vue

全局注册方式

import { createApp } from 'vue'
import CoderiderDemoVue from 'coderider-demo-vue'
import 'element-plus/dist/index.css'

const app = createApp(App)
app.use(CoderiderDemoVue)

按需注册方式

import { AddressSelector, DateTimePicker, PersonSelector, RedButton, SelectInput, TableEditor, TextInput } from 'coderider-demo-vue'

组件说明

AddressSelector（AddressSelector.vue）

• 描述：地址选择器
• 调用方式：

  <AddressSelector />

DateTimePicker（DateTimePicker.vue）

• 描述：日期选择器
• 调用方式：

  <DateTimePicker />

PersonSelector（PersonSelector.vue）

• 描述：用户选择器
• 调用方式：

  <PersonSelector />

RedButton（RedButton.vue）

• 描述：按钮
• 调用方式：

  <RedButton>按钮</RedButton>

SelectInput（SelectInput.vue）

• 描述：下拉框
• 调用方式：

  <SelectInput />

TableEditor（TableEditor.vue）

• 描述：表格编辑器
• 调用方式：

  <TableEditor :modelValue="tableData" :columns="columns" />

TextInput（TextInput.vue）

• 描述：文本框
• 调用方式：

  <TextInput />