el-elemet
|天上白玉京|
这个作者很懒,什么都没留下…
展开
-
element组件中el-tree树形控件的使用
我们在用element进行项目开发的时候,有时会要用到el-tree树形控件(比如我们对权限进行分配的时候),下面介绍关于el-tree常用的属性和方法基础的树形控件结构<el-tree :data="rightList" :props='treeProps' show-checkboxnode-key='id' default-expand-all :default-checked-keys='defkeys' ref='treeRef'></el-tree>其中dat原创 2020-12-02 23:51:12 · 4240 阅读 · 0 评论 -
element-ui中el-upload图片上传组件
在项目开发中经常需要用到图片上传,element-ui方便的为我们提供了图片上传组件el-upload。el-upload官方文档如下面代码所示<el-upload:action="uploadUrl":on-preview="handlePreview":on-remove="handleRemove"list-type="picture"class="avatar-uploader":headers='headerObj':on-success='handleSuccess'&原创 2020-11-19 14:17:45 · 2842 阅读 · 0 评论 -
element组件中loading的使用
我们在利用vue做项目的时候常常需要加载数据,如果从后台加载的数据较多,加载时间比较长的话,添加一个加载页面常常使得我们的项目更加美观。el-element组件库很方便的为我们提供了页面加载的组件。比如我们加载表单中的数据时, 给其添加v-loading属性<el-table:data="goodsList"style="width: 100%" stripe border highlight-current-row v-loading='loading' element-loading-t原创 2020-11-15 17:20:48 · 10443 阅读 · 0 评论 -
el-element布局控件layout中的el-row和el-col
在使用element组件中,layout布局控件能够很好的帮我们对页面进行布局。其中最常用到的就是栅格基础布局。如下所示<el-row :gutter='40'> <el-col :xs="12" :sm="12" :lg="6">第一个</el-col></el-row>对于el-row,其常用属性和方法下表参数说明可选值gutter栅格间距type布局模式,可选flexgutter栅格间距对原创 2020-11-13 12:00:06 · 4611 阅读 · 0 评论 -
el-element中导航菜单的使用el-menu
在进行vue开发的时候,我们不可避免会使用到导航菜单,element方便的为我们提供了导航菜单组件,我们可以轻松创建自己的导航菜单。不过el-menu属性和方法复杂多样,在此只列举常用的属性和方法,更多的使用说明可以参考官方手册element官方使用说明<el-aside :width="iscollapse ? '64px' : '200px'"> <div class="toggle-button" @click='toggleCollapse'>|||</div&原创 2020-11-13 00:52:41 · 7850 阅读 · 0 评论