农码精神

在我们日常项目开发中,经常会有表格跨页多选的需求,接下来让我们用el-table示例一步步来实现这个需求。

使用elementUI滚动条之横向滚动 用过elementUI组件应该会知道它内置一个滚动效果，官网对此组件没有相关文档,也是细心网友发现的。<el-scrollbar></el-scrollbar>将会出现滚动的内容放到上述标签内就可以了。这里要简单的设置一下，将标签的height设为100%，读者查...

先看看效果图：一，首先创建一个公共的文件夹treeTable,里边放一个index.vue和eval.js先看看index.vue，原理就是在element-ui的基础上做了进一步改造。//利用element-ui的 <template slot-scope="scope">属性，在插入多级表格<template> <el-tab...

<el-select v-model="value" @change="change"> <el-option v-for="item in list" :key="item.id" :label="item.name :value="item.id"></el-option></el-select> ...

Element的表单验证要注意的就是v-model和prop的值要对应上，不然无法触发验证1.单层循环表单html代码如下： <el-form :model="formData" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <templa...

总结了两种方法：一、父级的复选框禁用<el-tree :data="deptOptions" node-key="id" :props="defaultProps" :expand-on-click-node="true" :filter-node-method="filterNode" :check-strictly="true" show-checkbox ref="tree" @check="hand...

data() {return {scrollTop: '', // 滚动条位置elTable: this.$refs.elTable.bodyWrapper, // 获取table表格父级的classname},table表格出现滚动条渲染的结构和样式。

在 添加 ref属性，然后使用this.refs["ruleFormRef"].resetFields()或者this.refs.ruleFormRef.resetFields()二、this.$options.data()是vue实例初始化时的data数据，只读属性