qq_40896095的博客

【代码】找不到模块“../views/HomeView.vue”或其相应的类型声明。

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

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

好久没有写过文章了，今天简单写一下几个方法首先是对，vue excel导出，简单利用Export2Excel进行二次封装。废话不多说直接上代码export function excel(columns, list, excelName) { console.log(list) import("@/vendor/Export2Excel").then((excel) => { let tHeader = [], filterVal = []; columns?.f

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

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

在这里可以明显的看到这句话的意思就是：简单地从字符串字面量推断类型字符串，删除类型注释意思就是已经知道你所赋值后这个元素的类型已经被检测出来了public name:string = "www"那么这个时候就要检测你的项目中检测是tsLine还是esLinetsLine的解决方法就是把 "no-inferrable-types": [ true, "ignore-params" ],改成 "no-inferrable-types": [

几天才想起来前一段时间fetch的简单封装，今天简单记一下，话不多说直接上代码（结合了typescript不过不需要直接去除类型就行）const url_base: string = "http://127.0.0.1:9097"export async function request(params: API.RequestAPI) { let url: string = url_base + params?.url const method: string = params?.metho

原来没有记录过，今天简单记录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,

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

记录一下自己学习vue中书写项目中遇到的问题。由于项目需求需要写拖拽事件（需求，是一个按钮，可以在页面上自由拖拽点击），自己定义后，最开始想到的是利用ref获取div标签，在对其进行dom操作,发现不行。在查看官方文档发现了自定义指令（自己学习的时候漏掉的知识点），但是一直有个问题，就是拖拽后点击事件也触发了。这是因为两个原因:拖拽事件放在了点击事件外//最初的代码<div v-drag> <el-button @click="clickButton">点击</

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

vuex是针对于vue开发的状态管理模式。采用的是集中式存储管理应用的所有组件的状态，并以响应的规则保证状态以一种可预测的方式发生变化。它也是类似于Flux，Redux和The Elm ArchitectureVuex和单纯的全局对象有两个不同点：1、Vuex的状态存储是响应式的。2、不能直接改变store中的状态。安装npm install vuex或yarn add vuex使用// 创建store文件// 在mian.js中import Vue from 'vue'i

自己是才学习这一部分，在拉包的时候，没有显示问题，还有就是有时候，git拉去的时候也是有问题，都是因为网速的问题，所以需要我们去，利用科学上网。但是后面下载依赖包的时候出现这个问题这个网上说的i解决方法有很多，开始的时候是用的也是利用淘宝镜像拉取npm install --registry=https://registry.npm.taobao.org这种方法也是vue-element-admin官网所介绍的方法，但是还是出现下载依赖问题，后面我又用cnpm来安装依赖，发现中间也有问题，后面就是