- 博客(20)
- 收藏
- 关注
RSS订阅原创 深入浅出原型链继承
众所周知，原型链中子级是可以继承父级的，常见的用法是构造函数，在new出新的实例后，实例会继承其原型上的所有属性和方法。这个一个特性，实际开发中也常常用到。
2022-10-05 11:08:08
144
1
原创 vue 文件样式被全局的默认父级#app样式影响，解决办法
问题是这样的：新建的vue页面，最大的div是 container，不过从浏览器看最大的div是#app,这个是vue根组件自带的，红框里的样式是在App.vue文件里写的全局公共样式，这个样式让这个页面的背景图默认为白色，实际上这个页面的背景色是灰色，因为#app的默认高度只有100vh,所以就出现了截图中的，上灰下白的效果。只有把红框里的样式去掉就能把背景色改为灰色，不受影响了。不过在vue文件里，是没法获取到#app 这是元素的，/deep/ 也不行，最后解决了，方案为：先在该vue
2022-04-16 23:34:27
4442
1
原创 前端给所有数据批量加不重复id
这个名字很奇怪，因为是根据需求来的，讲实话，我遇到的这种需求也不常见。下面我来说是具体需求：领导要求我写一个问卷调查的页面，不过没有后台，所有的数据要前端自己写，页面如下：90%以上都是这种单选题，其他也有一些下拉框、输入框、文本域等题目，本文主要针对这种单选题，我要手动把模块、题目、选项作为数据录入进来，我数了一下85题，这工作量。。。。。。不管咋样，活安排了，就得干。。。。首先分析了一下需要的数据结构，这个循环遍历的时候好用，要一个三维数组，结构根部节点的是模块，一共14个模块，接着下面
2022-04-16 23:02:41
914
1
原创 全局封装 公共接口 headers 里传model参数方法
这两天遇到一个需求，需要给项目中使用的公共接口，在调用的地方，请求头headers里加一个model 参数。一开始就在封装接口的地方添加，添加了几个之后，发现太费时费力了，项目中大概将近200 个公共接口，加的时候要仔细加，要精确的找准每一处需要添加的地方，为了不影响其他地方的调用，最好复制封装的接口，不过这个方案被否定了，很多冗余的封装接口着实没有必要。接着有伙伴提出就对封装公共接口的方法传参，headers 里的model值取当前页面的路由hash，在页面调用的地方把取到的路由hash作为参数传进去
2022-03-07 22:05:03
716
原创 element-ui项目全局配置某个组件的默认属性
这两天遇到了一个需求，就是给项目中所有上传 el-upload 组件，在请求头里添加一个model参数,参数值就取当前页面的路由router的hash。因为项目中用到的el-upload 地方比较多，用法基本和官方文档一致： <el-form-item :label="$t('bpa_mainDocument')" required> <el-upload :action="action" :on-success="h
2022-03-07 21:16:59
2225
1
原创 vue 项目设置全局按钮菜单权限
这是一个很常见的功能，基本在项目搭建之初，就会考虑这个问题，动态路由菜单和按钮加权限的问题。网上的相关博客也很多，感觉不太适应自己的需求,今天这篇文章只介绍动态按钮权限，如果有需要的小伙伴就跟着我一起来看看吧 ~ ~ ~1.第一步要在vuex存储一个按钮数组 AuthButtons，具体步骤为：在store/index.js 里：import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);let store = new Vuex.S
2022-01-30 16:34:58
1778
原创 el-dialog 弹框调用组件，只有第一次弹出调用组件接口，后面弹出不在调用组件里的接口问题修复
问题：最近在项目开发中，遇到了一个问题，在el-dialog 弹框中，调用了详情页面组件，然后点击按钮让弹框出现，发现只能触发一次详情组件中的mounted钩子里的方法，再次点击弹框出现，就不在走mounted里了经过多次调试，终于找到原因了，这是element的dialog组件本身存在的问题， dialog作为父组件调用子组件时，仅仅只渲染了一次，就不在进行渲染。解决方法：在el-dialog标签外边加上一个div标签，加上v-if ，条件和dialog出现的条件一致，这样每次渲染完都会进行.
2021-12-10 11:52:19
1693
3
原创 vue中computed与watch的异同
前段时间遇到了computed与watch区别的问题，感觉在项目中一直在用这两个选项，就是没有深入研究过，今天下午抽空研究了一下，梳理这篇博客是为了自己日后参照，另外如果有需要的小伙伴也可以参考~~~~~### computed:计算属性####使用场景：如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed。1.支持缓存，只有依赖数据发生改变，才会重新进行计算。2.不支持异步，当computed内有异步操作时无效，无法监听数据的变化。3.在dat
2021-11-26 17:29:36
257
原创 二维数组使用set校验并去重
最近遇到一个需求，一个form表单有多个区域，每个区域的字段都会单独的保存为一个数组，需要校验重复其中是否有重复的字段，如果有就校验，如果没有就正常提交。 如图所示...
2021-11-26 16:25:36
1099
原创 vuex的进阶用法，由浅入深，详细解析
近几年基本都在写vue项目，vuex在每个项目中都会遇到，每次都是按照语法匆匆用，先实现需求，完成工作，用的也不是很规范，设计的也不是很合理，有一般的普通用法，也有高级用法，今天决定彻底搞懂各种用法后，仔细梳理出来。作为一个圈子中的人，决定输出一下文档，如果你仔细看完这篇文章，保证你对vuex熟练掌握。1.先说一下vuex到底是什么？vuex是一个专门为vue框架开发的管理状态模式，可以理解为在data中的属性，需要共享给其他组件使用的部分，使用vuex进行统一管理。2.vuex中，有默认的
2021-09-27 17:04:01
765
2
原创 解决调用组件，组件内容不加载的问题
在vue项目中，手写ui组件库，在调用组件的时候，不渲染组件，只展示组件标签，排查了语法，代码，均没发现问题。在控制台提示了一个警告： Failed to resolve component: my-magnifter at <Magn onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > >意思就是没有找到该组件。解决：在路由里配置该父级页面的是时候，name的名字和子组件的名字重复了，重新把父组件
2021-09-14 23:18:32
4903
1
原创 在vue项目中，如果需要动态绑定项目本地图片的画，有时会加载不出来
在vue3.0项目中，如果需要动态绑定项目本地图片的画，有时会加载不出来，为了解决这个问题，我遇到了2次。每次曾经花了半天到1天的时间进行解决，在此记录一下：(1). 处理路径，取到项目中 / 根路径setup(props) { const baseUrl = reactive({ photo: process.env.BASE_URL,//图片基地址 })// "/" const imgUrl = computed(() => `${baseUrl.phot...
2021-08-08 21:56:37
243
原创 el-select-tree下拉树实现单选
需求是单选，复选框做了单选，点击节点也能选中，不过选中就变成了多选，不受multiple:false,的控制了。解决方法：就是在选择节点的时候，也做成单选：<el-tree-select v-if="isOrg" ref="treeSelect"v-model="editOrg.pid" :select-params="selectParams" :tree-params="treeParams" :tree-render-fun="_rende...
2021-08-08 21:50:50
1230
原创 vue 引入高德地图的，2种引入方式
（1）.如果引入组件：vue-amap，需要安装依赖。npm install vue-amap然后在main里面配置：importVueAMapfrom'vue-amap'//高德地图Vue.use(VueAMap)VueAMap.initAMapApiLoader({key:'83ed397b509e23519432601e51123ffe',plugin:['AMap.Autocomplete',//输入提示插件'AMap.Pla...
2021-05-25 15:16:34
541
原创 el-tree-select使用的时候，没有出现复选框的问题，解决方案
在el-tree-select中，v-model绑定的数据是一个数组Array，才能有复选框，不能改变其数据类型。不过因为后台需要传参为String类型，所以直接用join('')转成了字符串，就会报[Vue warn]: <transition-group> children must be keyed: <ElTag>这个错：解决办法：要用一个新的对象去接，然后：letparams=Object.assign({},this.areaProject...
2021-05-25 14:56:22
786
1
原创 vue中使用element 的过程中，遇到table表格控件表头与内容列不对齐问题
解决方法，在样式中加入这个类，最好在APP.vue或者公共样式中：<style>/* 解决element-ui的table表格控件表头与内容列不对齐问题 */.el-table th.gutter{display: table-cell!important;}</style>...
2021-05-25 14:48:43
442
原创 在vue中父子组件传值的时候，input的属性渲染到父级的div上问题解决
在vue中，父子组件传值的时候，input的属性渲染到父级的div上了，从来都没遇到过，这并不符合逻辑，所以找了半天，终于找到错误原因了，在props 中的传值变量名写错了，没接到值，所以input的属性渲染到父级div上了，不生效了，以此记录一下，长长记性...........
2021-05-25 14:45:27
293
原创 微信小程序详细开发记录
最近半个月，开发了一个微信小程序，因为是第一次开发，记录一下，一来自己以后开发积累经验，二来为没有开发过的小伙伴提供一个开发参考，规避一些不必要的坑..........开发工具：微信开发者工具，在官网里直接下载，链接地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html在这里一般使用稳定版本，选择对应电脑系统下载，安装即可。下面就是具体的项目搭建了：1.打开微信开发者工具，会让你输入app.
2021-05-25 14:43:38
786
原创 电脑有时候，键盘输入失效，在不重启电脑的情况下，解决办法
电脑有时候，键盘输入失效，在不重启电脑的情况下，解决办法：右击底部菜单 ---> 任务管理器 ---文件 ---->运行新任务 ---->打开里输入：Explorer --->确定还有一种情况是，键盘的功能键正常，如f2、f12、window正常，就是输入字不正常，没反应，这时候就需要切换输入法到搜狗，基本就好了，原因是电脑自带的输入法有问题。...
2021-05-25 14:32:36
670
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人