element-ui_element-ui表单验证 - CSDN
精华内容
参与话题
  • Element-UI使用指南

    万次阅读 多人点赞 2016-11-04 09:23:31
    Element-UI使用指南 Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是 Mint UI 。 开发环境1.安装webpacknpm install -g webpack2.安装vue-clivue-cli是什么?vue-cli 是...

    Element-UI饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是 Mint UI

    开发环境


    1.安装webpack

    npm install -g webpack

    2.安装vue-cli

    vue-cli是什么?

    vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。

    使用步骤:

    • 安装vue-cli:

      npm install -g vue-cli
    • 使用vue-cli构建项目

      vue init webpack project-name  //创建一个基于webpack模板的名为project-name的项目

      目前可用的模板包括:

      • browserify–全功能的Browserify + vueify,包括热加载,静态检测,单元测试。
      • browserify-simple–一个简易的Browserify + vueify,以便于快速开始。
      • webpack–全功能的Webpack + vueify,包括热加载,静态检测,单元测试。
      • webpack-simple–一个简易的Webpack + vueify,以便于快速开始。
    • 安装项目依赖

      cd project-name    //进入项目目录
      npm install        //安装项目依赖
      npm run dev        //运行项目

    此时在浏览器打开:localhost:8080即可看到欢迎页。

    关于webpack和vue-cli的更多使用方法参见官方文档。

    • 但是这个只能在本地跑,要如何在我们自己的服务器上访问呢?此时需要执行

      npm run build

    搭建开发环境

    本来想用vue-cli重新创建项目,试了几次总是出现各种问题,没办法成功。最后在仔细查看 Element-UI官方文档快速上手 部分的时候发现 饿了么 团队给了一个他们自己的 项目模板 。于是我就用这个模板来尝试了下,结果成功了。所以,如果你不想太折腾的话,建议还是使用官方给的项目模板,可以省很多事。

    第一步:安装项目模板

    • 克隆/下载项目模板

    • 将下载的模板放到你项目的根目录下

    • 安装依赖

      npm install
    • 运行项目模板

      npm run dev

      此时在浏览器打开:localhost:8080即可看到欢迎页。

      欢迎页

    项目模板里已经把需要配置的文件都配置好了。

    第二步:安装element-ui

    第一步,我们成功安装了项目模板,接下来,我们需要安装element-ui到项目下。

    npm i element-ui@next -D

    开始使用

    接下来我们就可以参照 Element-UI官方文档上手开发了。

    例子

    我们参照官方的按钮组件使用说明,在项目模板的基础上做一个按钮的例子。其它文件不需要改动,只修改App.vue文件的内容。代码如下:

    App.vue

    <template>
      <div id="app">
        <img src="./assets/logo.png">
        <h1>{{ msg }}</h1>
        <el-button @click.native="startHacking">Let's do it</el-button>
        <div class="block">
        <span class="demonstration">显示默认颜色</span>
        <span class="wrapper">
        <el-button type="success">成功按钮</el-button>
        <el-button type="warning">警告按钮</el-button>
        <el-button type="danger">危险按钮</el-button>
        <el-button type="info">信息按钮</el-button>
        </span>
        </div>
        <br/>
        <div class="block">
          <span class="demonstration">hover 显示颜色</span>
        <span class="wrapper">
        <el-button :plain="true" type="success">成功按钮</el-button>
        <el-button :plain="true" type="warning">警告按钮</el-button>
        <el-button :plain="true" type="danger">危险按钮</el-button>
        <el-button :plain="true" type="info">信息按钮</el-button>
        </span>
        </div>
      </div>
    </template>
    <script>
    export default {
      data () {
        return {
          msg: 'Use Vue 2.0 Today!'
        }
      },
    
      methods: {
        startHacking () {
          this.$notify({
            title: 'It Works',
            message: 'We have laid the groundwork for you. Now it\'s your time to build something epic!',
            duration: 6000
          })
        }
      }
    }
    </script>
    
    <style>
    body {
      font-family: Helvetica, sans-serif;
    }
    </style>
    

    效果如下图所示:

    demo


    使用过程中碰到的问题:

    1. phantomjs安装失败

    由于源的问题,安装phantomjs必须要“搭梯子”,使用内网无法下载。所以解决的方法有两种:

    • 方法一:通过科学上网,然后安装。

    • 方法二:对于不知道怎么“搭梯子”的同学,可以通过更改源来下载,操作方法如下:

      npm install phantomjs --phantomjs_cdnurl=http://cnpmjs.org/downloads

    2.打开页面乱码

    通过 Element-UI 官方提供的项目模板开发,会发现在浏览器打开页面的时候,中文是乱码的。如下图所示:

    中文乱码

    html页面中已经设置了<meta chartset='utf-8'>

    仔细查看该页面所涉及的文件的编码格式的时候,发现引用的App.vue 文件的编码格式是GBK ,所以把该文件编码格式改为UTF-8 即可。

    展开全文
  • element-ui入门

    万次阅读 2019-03-08 11:39:17
    element-ui是一个ui库,它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。 其设计原则为: 一致性 Consistency 与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念...

    简介
    element-ui是一个ui库,它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。

    其设计原则为:

    一致性 Consistency

    1. 与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;
    2. 在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。

    反馈 Feedback

    1. 控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;
    2. 页面反馈:操作后,通过页面元素的变化清晰地展现当前状态。

    效率 Efficiency

    1. 简化流程:设计简洁直观的操作流程;
    2. 清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;
    3. 帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。

    可控 Controllability

    1. 用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;
    2. 结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。

     

    Layout布局(el-row、el-col)
    element-ui借用了bootstrap框架的思想,使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下

    <el-row>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
          </el-row>



    span属性:表示col所要占领的栅格占比个数。 
    offset属性:表示col相对偏移的个数。

    Container布局容器
    这些布局容器,一般充当div来使用。

    el-container:外层容器。当子元素中包含 el-header 或 el-footer 时,全部子元素会垂直上下排列,否则会水平左右排列。

    el-header:顶栏容器

    el-footer:底部栏容器

    el-aside:侧边栏容器

    el-main:页面主视图

    icons的使用
    在element-ui 中,图标是用class就可以搞定的。

    比如一个编辑的图标就可以如下表示:

    <i class="el-icon-edit"></i>
    1
    按钮(el-button)
    按钮是el-button来表示的

    按钮是分类的,每一种类型就对应不同的button。

    按钮的类型type可取值:’primary’、’success’、’warning’、’info’、’danger’

    plain:决定了按钮是否使用素色系列。

    round:决定了按钮是不是圆角展示。

    <div class="flex-box">
          <h2>各种button</h2>
          <el-row class="flex1 margin-left10">
            <el-col :span="3"><el-button>默认按钮</el-button></el-col>
            <el-col :span="3"><el-button type="primary">主要按钮</el-button></el-col>
            <el-col :span="3"><el-button type="success">成功按钮</el-button></el-col>
            <el-col :span="3"><el-button type="warning">警告按钮</el-button></el-col>
            <el-col :span="3"><el-button plain>默认按钮</el-button></el-col>
            <el-col :span="3"><el-button round>默认按钮</el-button></el-col>
          </el-row>
        </div>



    级联选择(el-cascader)

     

    //组件
    <el-cascader
     :options="options"
      v-model="selectedOptions"
      @change="handleChange">
    </el-cascader>
    //data数据
    options: [{
      value:'1',
      label:'components',
      children: [{
        label:'input'
      },{
        label:'swiper'
      }]
    },{
      value:'1',
      label:'views'
    },{
      value:'1',
      label:'actions'
    }]


    TimePicker 时间选择器
    picker-options是一个对象。

    这个对象的属性有start、step、end、selectableRange等。

    当设置selectableRange属性时,它提供了一个时间选择的点。

    <el-time-select
      v-model="value1"
      :picker-options="{
          start:'08:30',
          step:'00:15',
          end:'18:30'
      }"
      placeholder="选择时间"
    ></el-time-select>


    日期选择器
    日期选择器的type属性,决定选择的类型,这个type可以是date、week、month、year。

    <el-date-picker
      v-model="valueDate"
      type="date"
      placeholder="选择日期">
    </el-date-picker>

     

    <el-date-picker
        type='week'
        v-model='value'
        placeholder='选择周'
    >
    </el-date-picker>



    DateTimePicker 日期时间选择器
    本质就是把type改为datetime。

    <el-date-picker
     v-model="value1"
      type="datetime"
      placeholder="选择日期时间">
    </el-date-picker>



    form表单
    element-ui的form表单组件:el-form

    element-ui的formItem组件:el-form-item

    一个简单的form表单的实现如下:

    <el-form :model=''>
        <el-form-item label='用户名'>
            <el-input></el-input>
        </el-form-item>
        <el-form-item label='密码'>
            <el-input></el-input>
        </el-form-item>
    </el-form>



    form表单还有验证:form的rules就是用来验证使用。

    Table 表格
    el-table:element-ui的表格。

    el-table-column:element-ui的表格所对应的列。

    table属性中:stripe属性可以创建带斑马纹的表格。

    table属性中:border属性可以创建带斑马纹的表格。

    table属性中:height属性可实现固定表头的表格。

    <el-table
       :data="tableData"
       style="width: 100%"
       height="200"
     >
       <el-table-column fixed width="120" label="日期" prop="date"></el-table-column>
       <el-table-column width="120" label="姓名" prop="name"></el-table-column>
       <el-table-column width="360" label="地址" prop="address"></el-table-column>
     </el-table>



    Carousel 走马灯
    其实就相当于一个轮播

    type属性:可以让轮播卡片化

    interval属性:定义轮播切换的周期

    <el-carousel height="150px">
     <el-carousel-item v-for="item in 4" :key="item">
        <h3>{{ item }}</h3>
      </el-carousel-item>
    </el-carousel>


    Collapse 折叠面板
    折叠面板的el-collapse-item需要title属性。

    <el-collapse-item title="一致性 Consistency" name="1">
      <div>与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;</div>
      <div>在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。</div>
    </el-collapse-item>



    Navigation 导航
    el-menu
    el-menu:表示导航菜单的盒子。 
    el-submenu:表示导航菜单的子盒子选项。 
    el-menu-item:表示导航菜单的每一项。

    其中submenu和munuitem都是用于属性index。

    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1">处理中心</el-menu-item>
      <el-submenu index="2">
        <template slot="title">我的工作台</template>
        <el-menu-item index="2-1">选项1</el-menu-item>
        <el-menu-item index="2-2">选项2</el-menu-item>
        <el-menu-item index="2-3">选项3</el-menu-item>
      </el-submenu>
      <el-menu-item index="3">订单管理</el-menu-item>
    </el-menu>



    el-tabs

    <el-tabs v-model="activeName">
        <el-tab-pane label="用户管理" name="first">
            用户管理
        </el-tab-pane>
    </el-tabs>


    Tree 树形控件
    data属性:代表着树形组件的渲染。

    <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

    完整组件列表和引入方式

    import Vue from 'vue';
    import {
      Pagination,
      Dialog,
      Autocomplete,
      Dropdown,
      DropdownMenu,
      DropdownItem,
      Menu,
      Submenu,
      MenuItem,
      MenuItemGroup,
      Input,
      InputNumber,
      Radio,
      RadioGroup,
      RadioButton,
      Checkbox,
      CheckboxButton,
      CheckboxGroup,
      Switch,
      Select,
      Option,
      OptionGroup,
      Button,
      ButtonGroup,
      Table,
      TableColumn,
      DatePicker,
      TimeSelect,
      TimePicker,
      Popover,
      Tooltip,
      Breadcrumb,
      BreadcrumbItem,
      Form,
      FormItem,
      Tabs,
      TabPane,
      Tag,
      Tree,
      Alert,
      Slider,
      Icon,
      Row,
      Col,
      Upload,
      Progress,
      Badge,
      Card,
      Rate,
      Steps,
      Step,
      Carousel,
      CarouselItem,
      Collapse,
      CollapseItem,
      Cascader,
      ColorPicker,
      Transfer,
      Container,
      Header,
      Aside,
      Main,
      Footer,
      Loading,
      MessageBox,
      Message,
      Notification
    } from 'element-ui';
    
    Vue.use(Pagination);
    Vue.use(Dialog);
    Vue.use(Autocomplete);
    Vue.use(Dropdown);
    Vue.use(DropdownMenu);
    Vue.use(DropdownItem);
    Vue.use(Menu);
    Vue.use(Submenu);
    Vue.use(MenuItem);
    Vue.use(MenuItemGroup);
    Vue.use(Input);
    Vue.use(InputNumber);
    Vue.use(Radio);
    Vue.use(RadioGroup);
    Vue.use(RadioButton);
    Vue.use(Checkbox);
    Vue.use(CheckboxButton);
    Vue.use(CheckboxGroup);
    Vue.use(Switch);
    Vue.use(Select);
    Vue.use(Option);
    Vue.use(OptionGroup);
    Vue.use(Button);
    Vue.use(ButtonGroup);
    Vue.use(Table);
    Vue.use(TableColumn);
    Vue.use(DatePicker);
    Vue.use(TimeSelect);
    Vue.use(TimePicker);
    Vue.use(Popover);
    Vue.use(Tooltip);
    Vue.use(Breadcrumb);
    Vue.use(BreadcrumbItem);
    Vue.use(Form);
    Vue.use(FormItem);
    Vue.use(Tabs);
    Vue.use(TabPane);
    Vue.use(Tag);
    Vue.use(Tree);
    Vue.use(Alert);
    Vue.use(Slider);
    Vue.use(Icon);
    Vue.use(Row);
    Vue.use(Col);
    Vue.use(Upload);
    Vue.use(Progress);
    Vue.use(Badge);
    Vue.use(Card);
    Vue.use(Rate);
    Vue.use(Steps);
    Vue.use(Step);
    Vue.use(Carousel);
    Vue.use(CarouselItem);
    Vue.use(Collapse);
    Vue.use(CollapseItem);
    Vue.use(Cascader);
    Vue.use(ColorPicker);
    Vue.use(Transfer);
    Vue.use(Container);
    Vue.use(Header);
    Vue.use(Aside);
    Vue.use(Main);
    Vue.use(Footer);
    
    Vue.use(Loading.directive);
    
    Vue.prototype.$loading = Loading.service;
    Vue.prototype.$msgbox = MessageBox;
    Vue.prototype.$alert = MessageBox.alert;
    Vue.prototype.$confirm = MessageBox.confirm;
    Vue.prototype.$prompt = MessageBox.prompt;
    Vue.prototype.$notify = Notification;
    Vue.prototype.$message = Message;

     

     

     

    展开全文
  • Element-Ui组件(一)页面布局

    万次阅读 2019-06-03 16:17:05
    Element-Ui组件(一)页面布局 本文参考Element官方文档: http://element-cn.eleme.io/#/zh-CN/component 常用布局 el-row与el-col可搭配实现24格栅格布局,若布局较复杂,可以嵌套使用。 el-container作为布局...

    Element-Ui组件(一)页面布局

    本文参考Element官方文档:

    http://element-cn.eleme.io/#/zh-CN/component

    常用布局
    el-rowel-col可搭配实现24格栅格布局,若布局较复杂,可以嵌套使用。
    el-container作为布局容器(可以嵌套使用),内部可包含el-header(顶栏),el-aside(侧边栏),el-main(内容),el-footer(底栏)。
    页面效果
    页面布局
    示例代码

    <template>
      <el-container>
        <!-- 顶栏 -->
        <el-header height="60px">
          <h2>Element 页面布局</h2>
        </el-header>
        <!-- 嵌套容器 -->
        <el-container>
          <!-- 侧边导航菜单 -->
          <el-aside width="150px"></el-aside>
          <!-- 内容 -->
          <el-main>
            <!-- 第一列栅格布局 -->
            <el-row>
              <el-col :span="12" class="col1"></el-col>
              <el-col :span="12" class="col2"></el-col>
            </el-row>
            <!-- 第二列布局 -->
            <el-row>
              <el-col :span="24" class="col3"></el-col>
            </el-row>
          </el-main>
        </el-container>
        <!-- 底栏 -->
        <el-footer height="30px">&copy;究极死胖兽 2019</el-footer>
      </el-container>
    </template>
    
    <script>
    export default {
    }
    </script>
    
    <style>
    .el-header {
      background-color: #409EFF;
      color: white;
    }
    .el-footer {
      background-color: #909399;
      color: black;
      text-align: center;
    }
    .el-aside {
      background-color: chartreuse;
    }
    .el-main {
      background-color: darkkhaki;
    }
    .el-col {
      height: 200px;
    }
    .col1 {
      background-color: teal;
    }
    .col2 {
      background-color: tomato;
    }
    .col3 {
      background-color: thistle;
    }
    </style>
    

    el-row 属性:

    参数 类型 说明 可选值 默认值
    gutter 栅格间隔 number 0
    type 布局模式,可选 flex,现代浏览器下有效 string
    justify flex 布局下的水平排列方式 string start/end/center/space-around/space-between start
    align flex 布局下的垂直排列方式 string top/middle/bottom top
    tag 自定义元素标签 string * div

    el-col 属性:

    参数 类型 说明 可选值 默认值
    span 栅格占据的列数 number 24
    offset 栅格左侧的间隔格数 number 0
    push 栅格向右移动格数 number 0
    pull 栅格向左移动格数 number 0
    xs <768px 响应式栅格数或者栅格属性对象 number/object (例如: {span: 4, offset: 4})
    sm ≥768px 响应式栅格数或者栅格属性对象 number/object (例如: {span: 4, offset: 4})
    md ≥992px 响应式栅格数或者栅格属性对象 number/object (例如: {span: 4, offset: 4})
    lg ≥1200px 响应式栅格数或者栅格属性对象 number/object (例如: {span: 4, offset: 4})
    xl ≥1920px 响应式栅格数或者栅格属性对象 number/object (例如: {span: 4, offset: 4})
    tag 自定义元素标签 string * div

    el-container属性:

    参数 类型 说明 可选值 默认值
    direction 子元素的排列方向 string horizontal / vertical 子元素中有 el-header 或 el-footer 时为 vertical,否则为 horizontal

    el-header属性:

    参数 类型 说明 可选值 默认值
    height 顶栏高度 string 60px

    el-aside 属性:

    参数 类型 说明 可选值 默认值
    width 侧边栏宽度 string 300px

    el-footer属性:

    参数 类型 说明 可选值 默认值
    height 底栏高度 string 60px
    展开全文
  • vue和element-ui使用

    万次阅读 多人点赞 2018-07-06 14:39:32
    这一篇主要是创建一个vue项目并结合饿了么框架element-ui。1.先创建vue项目,我准备把项目放在e盘下:E:\Work\RegisterProject;命令行进入这个目录:创建一个基于 webpack 模板的新项目(1)vue init webpack ...
    展开全文
  • Vue 中 安装 element-ui 的步骤

    万次阅读 多人点赞 2018-04-26 19:23:11
    1. 在项目下 输入 npm install element-ui -S2.查看配置文件package.json,是否有element-ui组件的版本号 如下图:3.安装成功后 ,在node_modules中可以看到 element-ui的文件夹 ,所有安装的源文件可以在这里面...
  • Element-UI使用

    千次阅读 2019-03-15 08:51:28
    Element-UI使用指南 官方中文:http://element.eleme.io/#/zh-CN Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0的桌面端UI框架,手机端有对应框架是Mint UI。 开发环境 1.安装webpack npm install...
  • element-ui中el-container容器与div布局区分

    万次阅读 热门讨论 2019-04-24 13:37:18
    用于布局的容器组件,方便快速搭建页面的基本结构: el-container:外层容器。当子元素中包含 或 时,全部子元素会垂直上下排列,...以上组件采用了 flex 布局,elemen-ui官方文档链接: http://element-cn.elem...
  • Vue.js(一) Vue.js + element-ui 扫盲

    万次阅读 多人点赞 2019-08-14 11:29:30
    一:node.js是什么 我们知道javascript代码只能在浏览器上运行,只有浏览器能够解析js代码,如果想要javascript代码能够在服务器端运行就必须提供一个Javascript的运行环境(runtime environment),这就是node.js。...
  • ElementUI框架引入和使用

    万次阅读 2019-07-01 19:47:18
    安装使用有两种方式 ①npm/cnpm安装到项目中 ②CDN引入 先介绍CDN引入 CDN全称:Content Delivery Network即内容分发网络。 CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载...
  • 基础搭建vue-cli,并在cli中安装element ui 插件 配合开发教程以及遇到的坑
  • element-ui引入css存在的问题

    万次阅读 2018-05-24 09:30:26
    正常我们用vue-cli开发项目,可选择的插件很多,例如vux、iview、element-ui等等今天说下element-ui的安装以及使用命令行安装:npm i element-ui -S然后在main的js中...import 'element-ui/lib/theme-default/ind...
  • 4、electron-vue安装element-ui

    万次阅读 2018-03-26 12:29:37
    Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本,具体用法请参考Element UI yarn add element-ui // 或 cnpm ...
  • 环境说明 Windows 10 WebStorm 2017.3 Node.js 8.9.4 Npm 5.5.1 Vue 2.5.13 Element UI 2.0.11 问题说明 引入Element-UI后,在项目中使用: ... import Element from 'element-ui' import 'ele
  • 在项目中自定义路径引入element-ui并自定义修改element-ui源码后编译使用
  • element-ui如何进行升级升级

    万次阅读 2019-12-10 16:43:52
    升级element-ui需要先卸载原先的版本,在cmd中输入 npm unstall element-ui 然后重新安装element-ui npm i element-ui -S 最后在main.js中把default修改为theme-chalk
  • 卸载之前的element-ui版本 npm uninstall element-ui 安装最新版(想要安装的版本) npm install element-ui @2.0.7 -S     三个地方替换:   1.这时候我们在main.js中修改新增的 theme-chalk 主题: 将...
  • ElementUI官方介绍 开发API文档链接

    万次阅读 2018-11-22 18:01:27
    ElementUI官方介绍 开发API文档     http://element-cn.eleme.io/#/zh-CN/component/quickstart    
  • npm安装指定版本的element-ui

    千次阅读 2019-05-23 16:19:58
    npm i element-ui@2.6.3
  • element-ui 组件居中、组件默认class名

    万次阅读 2019-08-27 15:00:54
    element-ui 组件居中、组件默认class名 element-ui组件class名 组件class名与标签的名字一致,如: <el-button>确认</el-button> <style> .el-button{ font-size:12px; } </...
  • 在 React 中使用 element-ui

    千次阅读 2019-01-01 14:31:41
    根据官方文档在 React 中使用 element-ui Step 1:npm 安装 npm i element-react --save Step 2:下载主题包 npm install element-theme-default --save Step 3:在 React 中使用 打开需要使用到 element-ui 的 ...
1 2 3 4 5 ... 20
收藏数 98,989
精华内容 39,595
关键字:

element-ui