grootbaby

elementUI 框架，获取不到表格里面的某个元素的 id，但是 el-table 里有个 bodyWrapper 它指向的是 el-table 的表格内容部分，存在 scrollTop，scrollHeight 属性，所以可以用下面方法来实现滚动条在底部的效果。（备注： 需给对应的el-table 设置ref 属性，，本案例中ref 设置为editTable）另外，如果要在不同屏幕下表格高度需要适应屏幕的话，需要用到 window.onresize 函数。

当组件数据发生变化时，监听改变这个 el-cascader 的 key 值（this.resetCascader++）给组件设置 key（:key="resetCascader"），在data里面设置初始值为0。

element-ui 的官网是有属性的。el-table-colum 的reserve-selection属性el-table 的row-key属性

如果需要在 el-select 上面绑定整个 item 对象时，但是展示只显示 name 字段，会报如标题所示错误。el-select 标签添加 value-key 属性，且值为 item 中的唯一属性值，如 id。

代码】vue-quill-editor限制输入字数。

代码】elementUI中el-tableformatter属性显示固定字数且超出省略号。

当地区数据比较多时，全部获取数据速度太慢，体验不太好，改为懒加载，一级一级选择地区就能很好避免速度慢的问题。首次加载第一级数据，给出所需要的参数，因为首次加载 node.value 没有值，据此判断是不是第一级数据。当点击最后一级的时候 label 后面不会转圈圈，并把相关值赋值到选择器上。编辑弹窗展示的时候，有时候并不能正确回显，取消展示或者改变 key 值。依次类推，拿到全部层级的 code 和 name 传给后端接收使用。获取倒数第二级的数据的 name。获取倒数第三级的数据的 name。

通过设置type属性：type="number"但是这种方式一般会影响样式，不建议使用，如图：通过绑定值限制的方式：v-model.number="ruleForm.phone"但是这种方式会限制一般的数字，但是会影响 maxlength 属性，并且 e 是可以输入的，一般情况可以使用，严格限制的话不建议建议使用通过对绑定的 value 值进行正则限制：οnkeyup="value=value.replace(/[^\d]/g, ' ')"绑定一个onkeyup监听事件， /[^\d]/g 是用来匹配

参数 "1" 就是添加的自定义参数。多个上传组件也可以传入下标来区分当前使用的 upload 组件是哪一个。

<el-upload class="annaul-ticket-imgs" :class="{ 'hide-upload-btn': hideUploadBtn }" :headers="{ token: token }" :action="ATactionUrl" list-type="picture-card" :on-success="uploadImgSuccess" :on-remove="uploadImgRemove" :before-upload="u.

// 折叠所有节点setAllFold() { for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) { this.$refs.tree.store._getAllNodes()[i].expanded = false; }},// 展开所有节点setAllExpand() { for (var i = 0; i < this.$refs.tree.store._getAllNod.

同一局域网访问本地 Vue 项目需要访问电脑需要在同一局域网下 | | 连同一个WiFi，这个就不说了吧。懂得都懂。调试机 ip：192.168.30.100，将 192.168.30.100 改为你自己本机 ip 就OK。不需要修改配置文件重启本地环境：yarn run dev --host 192.168.30.100 （ 加红的 yarn 是关键，不要尝试用 cnpm 或者 npm ）需要修改配置文件方法一：在 config/index.js 文件中找到 h

<el-select v-model="dialogForm.id" placeholder="请选择" @change="filterData"> <el-option v-for="item in Options" :label="item.name" :key="item.id" :value="item.id" ></el-option></el-select>filterData(e) { l...

Element UI table 过滤已处理数据为默认不选中Table-column Attributes参数 说明 类型 可选值 默认值 selectable 仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选 Function(row, index) — — Step1手动添加一个el-table-column，设type属性为sel...

Element UI table 表头错位方法一在app.vue中添加.el-table--border th.gutter:last-of-type { display: block!important; width: 17px!important;}方法二在el-table组件挂载一个ref="configurationTable"，然后在每次请求数据成功后动一动表格的默认宽度this.$refs.configurationTable.$el.style..

beforeAvatarUpload(file) { // 校验图片格式(也可直接用 accept 属性限制如：accept="image/png,image/jpg,image/jpeg,image/gif") const isFormat = file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/jpeg' || file.type === 'image/gif'; // 校验图片大小.

<el-table :data="dialogDetailTable" border stripe> <el-table-column prop="date" label="交易编号"></el-table-column> <el-table-column prop="" label="业务详情"></el-table-column></el-table><el-table :data="dialogTod...

<el-date-picker v-model="value" type="daterange" range-separator="至" placeholder="选择日期" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"></el-date-picker>今天以及今天之后的日期data() { r.

el-upload里面绑定一个占位class：:class="{hide:hideUpload}"data里面初始化：hideUpload: false,limitCount:1onChange 事件里面（添加文件、上传成功和上传失败时都会被调用的那个）：onChange(file, fileList) { this.hideUpload = fileList...

mian.js 文件里面：import ElementUI from 'element-ui';// 修改 el-dialog 默认点击遮照不关闭ElementUI.Dialog.props.closeOnClickModal.default = false; // https://blog.csdn.net/huanhuan03/article/details/105426879/...

<el-date-picker v-model="rangeDate" prefix-icon="el-icon-date" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH-mm-s...