表单的校验规则    绑定事件:  绑定事件中执行方法的参数为ref属性的值(ref被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的$refs对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素;如果用在子组件上，引用信息就是组件实例)在方法中,this

参考：https://blog.csdn.net/hjx154954264/article/details/104799141/一、前期准备工作1.在index.js里正常导入路由  //这里的meta的comp设置，加上单引号为字符串，如果设置为路由，后续会把路由缓存进sessionStorage，缓存里面的数据是json格式， component 是一个vue文件，所以没

在使用表单的清空方法时，我们需要注意几个问题：1、我们需要为每个form-item加上prop属性，要不然无法清空（大部分的问题就是出在这）2、resetFields()方法是重置表单，重置为默认值，而不是设置为空值3、在resetFields()方法之前，如果修改了data里的表单默认值，那么重置以后就是你修改以后

环境vue  2.6.11vue/cli3.11.0elementui  vue脚手架自动安装2.4.5新建项目vuecreateelementui引入element-uivueaddelement使用安装完成后不用手动去引入elementui,脚手架自动引入了elementui. 打开main.js,看下图再打开App.vue,看下图脚手

多个表单同时验证项目中遇到这样的多个表单同时提交，内容太多，分成两个form表单，一个是basicForm，一个是advanceForm，点击确定按钮时同时验证，验证通过提交表单，有一个不通过则不提交，代码是这样写的asyncsaveInfo(){//console.log(this.exampleData.map(r=>r.exampleName

需求：表格每一列有一个按钮字段，点击后需要loading按照普通的在Array对象上加属性，监听不到变化，需要使用this.$set比如这个样子设置getCoreLoots().then(response=>{this.transitFileList=response.data.datathis.transitFileList=this.transitFileList.map(item=

 最关键的就是:file-list属性  data中定义fileList   

一、vueadmin-template-master-->src-->router-->index.js{path:'/gathering',component:Layout,name:'gathering',meta:{title:'活动管理',icon:'example'},children:[{pa

当我们按需引入element到我们的项目中，正常使用message组件，在页面中我们是这样引入的importVuefrom'vue'import{Message}from'element-ui'Vue.use(Message);但是你会发现上面这种引入方法会在刷新页面的时候，弹出来一个空的message框，我们可以采用下面这种方法引入来

1、超过两行以“...”显示剩余部分.class{overflow:hidden;display:-webkit-box;word-break:break-all;font-weight:900;text-overflow:ellipsis;/*!autoprefixer:off*/-webkit-box-orient:vertical;/*!autoprefixer:on*/-webkit-line-

场景找到要添加汇总行小计行的el-table<el-tablev-loading="loading":data="kqtjList"show-summary="true"> 设置shoe-summary为true    但是如果列比较多有滚动条出现的话就会出现上面那种合计行在滚动条注：博客：https://blog.csdn.net/badao_liumang_qizhi

废话不多说, 先上图片, 具体配置看我神操作数据源数据源就不给出来了, 反正 自己模拟一下, 把具有相同的项的内容改成一样的就行了我是修改的前三项, 部分一样的 配置流程1. 既然需要合并项, 肯定需要合并的条件, 官方给出了一个方法  :span-method, 所以第

  .el-main {    overflow: hidden;    height: calc(100vh - 80px);    background-color: #f6f9fc !important;  } //上面图片说错了,el-scrollbar设置的高度是100%,但是装el-scrollbar的盒子,也就是el-main必须给定固定的高度

(一)代码演示代码如下<el-radiov-model="radioValue"@click.native="handleColumnsConfig":label="1">字段1</el-radio>点击事件methods:{handleColumnsConfig(el){alert('点击')}}发现点击事件被触发了两次(二)原因

最近遇到一个问题,一个el-table,里面第一项为索引列然后上面有一个按钮,点击按钮,索引列会变成多选框的状态 然后简单的运用了v-if和v-else指令,结果是渲染不生效 原因很简单,el-table在解析的时候把两列识别成相同的内容了,数据源没变是不会触发重新

场景如果使用el-form默认的布局代码如下：<el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm"label-width="100px"class="demo-ruleForm"><el-form-itemlabel="密码"prop="pass"