qq_40896095的博客

Element Select 多选内容过多DOM更新问题

在今天帮同事处理这个问题，就是不想让他写两个select进行判断，想用的就是利用multiple控制单选还是多选。问题一：多选选择后切换单选，输入框样式大小不变在这里插入图片描述style样是没有改变，那么这个时候由于不是vue3，不能直接利用var去改变class值，所以我们余姚利用更改class去改变然后就是定义初始化class在根据需求判断multiple的值什么时候为true或false，就可以解决样式问题。问题二：单选切换多选时，没有去除掉显示的label这是elemen

今天在写form_item循环的时候遇到了这样的错误记录了一下；自己大概写的是这样测一个页面那么就要用到form循环，最开始是在form_item中直接写的，最后重置表单时发现重置不了，然后就是在el-input外加了一层form-item，自己也是在网上查询相关错误，发现大致都是:prop="‘item.’+index+’.index2’"等等，但是没有解决我的问题报错依然在，同时还是重置不了表单。这个时候慢慢考虑，其实着就是一个数组循环，那么我们就拿到准确的值，去消除这个错误<el-fo

今天是这个星期的最后一天，记录一下简单问题官网上有这样一个例子然而造成出现这种情况的就是key,不能够取domains中的值，这个时候也不能直接删除，就是保留index就可以，保证key值本文连接：点击博主个人小博客：嘿嘿...

原来没有记录过，今天简单记录element-ui 样式重置过程（自己遇到的）menu菜单悬浮背景,根据自己所需更改.el-menu-item:hover { background-color: transparent !important;}菜单背景.el-menu{background-color:transparent !important;}菜单下划线,选中，选中之前的下划线在.el-menuclass中重置.el-menu--horizontal>.el-m

因为原来自己用的是AntD的组件，element-ui也是使用了很长的一段时间，但是感觉页面标签太多，所以今天就封装了一下table组件，来减少标签的使用，自己同时也封装了弹框表单，搜索框等，今天就先介绍table的封装，起名：TablePro首先是我们对大量的el-table-column标签的循环<el-table :data="dataSourse" :fit="fit" border row-key="id"

基本上出现类似提示的时候就是在子组件接收参数的时候类型的不对，这里是父组件传的数组，然后接收的时候定义的不是数组。columns: { type: Array, default: () => [], },改一下接收就可以了本文链接：点击博主的个人小博客：嘿嘿...

在vue中如果获取data中的数据就需要在全局定义一个变量，然后利用beforeCreate将this赋值给这个变量，就可以在filters中获取data中的值具体操作：<script>let that = this;export defaut { filters:{ append(){ console.log(that.arr) } }, data(){ return{ arr:[] } }}</script>这个时候要注意全局变

好久没记录问题了，今天记录一下在element-ui现在版本中如果需要查看的话，根据api的要求写的太多处理起来相对麻烦，所以在这里就不写处理结果，可以直接看element-ui-plus给出组件el-image-viewer但是因为这只是vue3.0适配的，但是vue现阶段比较稳定的是2.6几版本，所以用element-ui-plus并不能使用，但是也在element-ui中添加了这一组件是需要单独引入import ElImageViewer from "element-ui/packages/i

好久没有更新了，太忙了，遇到的问题解决了，但是也忘记的差不多是那些问题了，先说说今天的。今天在二次封装element-ui的时间选择框的组件的时候遇到了这样的一个问题就是，在利用DateTimePicker组件的时候用到disabledDate属性，限制选择的时间长度，以及到哪一天，这父组件传入的值是time:{ title: '日期', type: 'RestrictDateTimePicker', hide: true,

由于初次接触vue项目，简单记录一下在利用element组件开发的时候遇到显示和隐藏问题这个时候想到的是 ：利用js的三元运算计算this.activeIndex == false ? '' : <el-table-column/>利用这个应该是可以控制activeIndex的值来控制组件的显示与隐藏，发现不行（不知道什么原因）利用v-show<el-table-column v-show="activeIndex"/>利用v-show应该是可以控制ac

先说业务需求，是在一个用tag切换table内容，其中一个是有全部内容的，其他没有，也不让用复选框，要求就是只有要用复选的这个能用，起他不能，并且一开始复选框原来是隐藏的，点击按钮后才显示，不选点击在隐藏，到其他tag也是隐藏。这几个tag页面大致内容都是相同的所以是根据v-if判断是否在那个tag页面显示所以用的是一套代码。在点击按钮后显示复选框最开始的原代码就是用v-if判断是不是这个tag同时判断是否显示，发现到其他tag页面时，复选框还是显示，同时呢tag页面也是标题循序，以及内容乱掉了。

简单记录一些今天踩得坑，只是自己遇到的问题在初次使用的cascader这个组件的时候，碰到的是后台穿的字段名称和要求的不一样（这个时候也是自己没有好好读api）然后自己用递归回调的方法，往里面插入value,和label字段getTreeData(data) { // 循环遍历json数据 if (!data || !data.length) return for (var i = 0; i < data.length; i++) { data[

今天在写弹框的时候用到的dialog，发现从页面传过来的值在mounted函数中没有执行，就看到了这个open回调函数。官网链接：https://element.eleme.cn/#/zh-CN/component/dialog#events其实使用是很简单的值需要在dialog组件中绑定open事件<el-dialog title="质检结果" :visible.sync="dragVisible" width="35%" :before-cl

今天在写步骤条的时候，初次接触solt的用法，记录一下。本来要自定义solt的标题内容就简单的看了一下官方文档，发现在这里没有详细介绍，自己也是百度，查看到相应的用法。自己需求的代码// step 实在data（）中定义的参数// 使用solt需要用到template作为插槽，然后利用solt绑定我们在这个组件中需要自定义的名称，<template solt="name">,然后就是在里面书写html内容<el-steps direction="vertical" space="