Element-ui使用心得

数据回显：
若在dialog中则在关闭之后通过this.$refs获取el-form实例上的resetFields方法重置表单数据（重置表单一定要给el-form-item加prop属性）
数据上传：
通过this.$refs获取el-form实例上的validate方法，使用try&catch进行表单校验，校验成功后发送ajax上传表单数据

当前页码:current-page

当前页码改变@current-change

每页显示数量 :page-size

每页显示数量可选项:page-sizes

每页显示数量改变@size-change

布局layout="total, sizes, prev, pager, next, jumper"

项目总数:total

标题title

是否显示:visible.sync

关闭时触发事件@close

关闭后触发事件@closed

把传入插槽的组件放到对话框的右下角：

1
2
3

<template v-slot:footer>
	<p>啦啦啦</p>
</template>

el-select（选中哪个option，它的value就是那个option的value）
选择的optionv-model（对应option的value）
el-option（需要使用v-for和:key遍历）
显示的标签名:label
内部的value值:value

el-menu整个菜单
唯一选中unique-opened
将el-submenu和el-menu-item的index特性值当作路径使用router
默认打开项:default-active（可以配合计算属性和this.$route.path使用）
el-submenu可展开的菜单（配合v-for使用）
唯一标识（防止点击一项展开所有项）:index
菜单标题：
1
2
3
<template v-slot:title>
<span>菜单标题</span>
</template>
el-menu-item最小子菜单（配合v-for使用）
唯一标识:index（可配合el-menu的router特性作为路径使用）

分隔符separator-class（图标采用类名使用方法）

el-breadcrumb-item面包屑导航项

导航路径:to="{ path: '/index' }"

BS2B's blog