Element Plus的使用

1. 官网

安装 | Element Plus

Overview 组件总览 | Element Plus (element-plus.org)

npm install element-plus --save

2. 全局安装图标

npm install @element-plus/icons-vue

3. main.ts 使用 ElementPlus插件

import { createApp } from 'vue'
import App from './App.vue'

//加入路由
import router from './router/index';
//导入store
import store from './store/index'

//使用ElementPlus插件
import ElementPlus from 'element-plus'
//引用ElementPlus样式
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const app=createApp(App)
//全局导入饿了么图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
  }
app.use(router)
//并通过use，使用路由
app.use(store)
//使用ElementPlus插件
app.use(ElementPlus)
app.mount('#app')

正则表达式在线测试 | 菜鸟工具

一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数：^(\-|\+)?\d+(\.\..

正则表达式在线测试 | 菜鸟工具 (jyshare.com)