element
紫~阳
这个作者很懒,什么都没留下…
展开
-
element的calendar日历组件的使用
首先我们可以在组件内使用或者创建一个组件因为这个组件可能功能复杂,所以这次我们重新创建一个组件名叫MyCalender.vue<template> <el-calendar v-model="curDate" /></template><script>export default { data() { return { curDate: new Date() } }}</script>原创 2021-08-31 15:30:30 · 851 阅读 · 2 评论 -
vue使用element中弹层close事件重置表单
在关闭弹层时,showDialog的值会变成false,它会触发弹层(el-dialog组件)的close事件所以我们添加对监听即可。<el-dialog :visible.sync="showDialog" title="弹层标题" @close="hClose"//close监听>然后在方法中清空表单比如: hClose() { this.formData = { type: '', pid: '', name原创 2021-08-25 15:44:49 · 819 阅读 · 3 评论 -
Element的Table表格,序号的排列顺序
当我们用type="index"设置完序号之后第一页第二页每页的序号都是从一开始,想要每页都依次排序需要用到计算属性需要用的index属性 <el-table-column :index="handleIndex" label="序号" width="120" type="index" />然后计算每页页数乘以每页的个数减一,再加一 computed: { // 累加计算序号 handleIndex() { return this.pagePara原创 2021-08-16 20:10:08 · 1122 阅读 · 3 评论 -
element ui 简单应用:表单验证
表单验证的基本步骤共三步1、定义验证规则表单的验证在data()中补充定义规则:rules: {// 字段名1:表示要验证的属性// 值: 表示验证规则列表。它是一个数组,数组中的每一项表示一条规则。// 数组中的多条规则会按顺序进行字段名1: [{ 验证规则1 },{ 验证规则2 },],字段名2: [{ 验证规则1 },{ 验证规则2 },],}比如一下代码 rules:{ username:[ {required:true,message原创 2021-08-04 20:10:33 · 366 阅读 · 2 评论