效果图：使用：<template> <div> <LjButton @click="dialogVisible = true">打开弹出框</LjButton> <div class="LjDialog"> <el-dialog title="" :visible.sync="dialogVisible" :modal-ap.

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

官方示例：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库发现使用html的方式不便于逻辑处理，如下：因此，推荐采用传递组件的方式。

组件时报这个警告，虽然不影响页面，但一打开页面跳出来一堆错误警告，实在受不了。解决办法：加上以下一行即可。

Radio 单选框 | Element Plus。

当表格中需要渲染的数据量比较大，有几万几十万条数据时，在前端分页将会非常慢，建议将当前页码和每页数量传递个后端，后端分好后给前端渲染。获取当前页以外选中的行数据：调用 this.$refs.ref_table_task.获取当前页选中的行数据：调用 this.$refs.ref_table_task.注意：经测试，每页最多选中500行左右，否则在切换回选中的页时会非常卡。后端除了返回要显示的页数据外，通常还要传递总数量total。对于多页选择，需要指定。

问题：表格想跨页选择数据时，会发现当前页选中的数据并不会保存下来，选中状态也不会保存下来解决办法：1.在el-table上添加row-key属性，2.在type为selection的el-table-column上添加reserve-selection属性，值为true;注意只能在selection上使用3.同时定义getRowKeys<el-table :row-key="getRowKeys"> <el-table-column type="sel...

3~20个字符，可使用字母、数字、下划线，需以字母开头：/^[a-zA-Z]\w{2,19}$/

使用trim修饰符，它是v-的一种修饰符，可以过滤掉内容左右两边的的空格代码。

this.$confirm官网：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

【代码】交换element-ui中$confirm弹出框的确定和取消按钮位置。

为了方便输入，需要自动获取焦点，所以加入了autofocus，但是发现，只有第一个并且第一次点击才起作用。Element，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。再给el-input添加v-focus即可。...

添加样式display: block即可

el-menu官方文档：Element - The world's most popular Vue UI frameworkElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN/component/menu 导航栏水平时去除底部白边：注意：水平时去除底部白边是用的新添加的style标签实现的。其他方式不行，如用::deep，或者直接在原来的style中改，都不行 侧边栏展开时宽度：

移动端时，MessageBox始终显示在顶部，很难看，我们现在想要居中显示解决办法如下：添加以下红框内容即可

主要通过设置 :default-active="$route.path" 来实现，如下：

main.js中引入使用类名

官网文档：Element - The world's most popular Vue UI frameworkElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN/component/select改为点击事件即可，如下：【注意要加上.native】...

在public/html中添加以下一行即可 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">