在奔跑中寻找的博客

需求：1、页面中有输入框，选择框，日期时间选择，按回车键实现查询功能网上查了都是在el-select弹框消失时（visible-change返回false），使select失去焦点的，然后页面document绑定keyup事件。这样做，如果页面上其它控件有回车事件，就会被覆盖掉，比如分页选择器中的回车事件。解决思路：1、隐藏下拉框：查看el-select源码发现下拉框的显示隐藏由visible变量在回车键按下去时(keydown)控制。这就好办了，给组件设置keydown事件，控制组件上的visi

问题描述： 想隐藏时间选择器中的此刻按钮，在<style scoped></style>中使用/deep/或::v-deep进行样式修改不生效方法一： 是网上大部分的回答，在全局样式中修改，或者去掉scoped全局修改；项目中全局样式修改的方式，其实并不推荐！.el-picker-panel__footer .el-button--text.el-picker-panel__link-btn { display: none; }方法二：利用时间选择器的focus事件，在点击的时

问题描述：element-ui的级联选择器对数据源其实是有要求的，需要父级、子级的参数一致，否则使用就会出现bug例如此例中的选项，父级是组，子级是人员，选项需要选中的是人员；后端数据中父级子级的数据中key完全不一致，需要处理一致后端返回选项数据：处理后的数据结构：const options = [ { collection_count: 0, group_id: 1, id: 2, name: "MY COMPANYccccc", children: [ {

选项数据结构：[ { id: 0, name: '选项1', children: [ { id: 11, name: '子选项1' }, { id: 12, name: '子选项2' } ] }, { id: 1, name: '选项2',children: [] }]思路：把以上数据处理成当子级children为空数组时，把children赋值undefined1.创建getTreeData方法：function getTreeData(data) { fo.

问题：在项目中的子组件调用父组件的closeRankLoading()方法时遇到报错：vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: "TypeError: this.$parent.closeRankLoading is not a function"原因：原来是子组件在父组件调用布局时外层还套了两个其它element-ui组件，导致this.$parent只是到了上一层组件，并没有到达父组件<template> &l

需求：如图，点击表格中的文件名查看大图查看element-ui的image组件源码，里面有两个文件(image-viewwe.vue和main.vue)el-image-viewer小组件源码其中props参数：props: { urlList: { type: Array, default: () => [] }, zIndex: { type: Number, default: 2000 }, on.

首先明确，element-ui中目前是不支持把此按钮隐藏或去除的然后再说明网上流传的通过css样式设置display:none;去隐藏也是没用的！既然这样只能采取迂回方法，我采用的是在点击“清空”按钮的时候把原来显示的值通过组件的change事件再赋值一下。记录下思路，代码较简单就不列了。...

需求：在新增弹框内点击确定提交表单的同时上传文件，只请求一次部分代码：上传文件按钮利用的是el-upload组件<!--新增/编辑弹框--><el-dialog :title="title" :visible.sync="editDialogVisible" width="47%" @close="closeEditDialog('editForm')"> <el-form ref="editForm" :rules="rules" class="editForm.

Cascader 级联选择器 数据渲染通过 :options=“options” 映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性 :props="{ checkStrictly: true }"1、点击后下拉框自动收起实现设置每次监听值变化的时候，把 dropDownVisible 属性设置为 false 即可。（虽说简单，但是这个属性我找了半天，官网根本没有说~~~~(>_...