- 博客(44)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 根据后台返回路由表配置前端菜单
前言本以为这个功能我2天就能做好，结果本大爷在公司都做了3天，再加上问我们领导和自己研究，花了四天时间。实际上这个不难，但是有很多细节要注意的，但是我们后台因为是其他项目的后台，他们之前前端用的不是vue-cli，所以返回的路由表数据并不是完整的路由表数据，但是跟我们前端还有一个key是匹配的，有这个key来连通后台数据和前端已有的路由表，就可以筛选出每个用户的权限。理是这么个理，但是处理起来好多问题。上代码api/user.js----获取权限的接口/** * * 获取菜单 */expor
2020-05-31 19:56:55
3388
4
原创 vue3容器内部通过id定位锚点
在此之前尝试了scrollIntoView，直接获取了需要定位的点之后应用了此方法，会 造成整个文本都会晃动。因此最终还是采用了修改父元素的scrollTop一定距离的方法。我的父元素的的父元素的position是relative，应该这点影响不大。自己记录，方便后面使用。
2023-12-19 10:18:35
206
原创 vue3+js+elementPlus使用富文本编辑器@vueup/vue-quill
vue3+vite+js+elementPlus中使用富文本编辑器，支持上传图片，采用img标签形式上传
2023-07-04 15:32:19
4510
1
原创 flutter which requires SDK version ＞=2.14.0 ＜3.0.0, version solving failed
已测试，已解决，传送门：https://www.jianshu.com/p/05daa2468029
2022-02-16 10:04:46
5419
原创 Usually, this means that the Expanded widget has the wrong ancestor RenderObjectWidget. Typically, E
Usually, this means that the Expanded widget has the wrong ancestor RenderObjectWidget. Typically, Expanded widgets are placed directly inside Flex widgets. The offending Expanded is currently placed inside a DecoratedBox widget.翻译：通常，这意味着扩展的小部件具有错误的R.
2022-01-06 15:39:57
2469
原创 2020-08-05 大屏开发总结
大屏开发接近尾声第一次接手大屏，从六月二十多号，前前后后，中间的修改和数据对接，大屏的开发到现在8月初，即将解近尾声，当然中间也因为一些事情搁置了，实际开发的时间应该没有这么久。6.9~7.8 静态布局+已有数据对接（若有全部数据，UI确定，在此解决应该全部完成了）7.8~8.3 UI修改及调整8.6 开始测试8.27 展会展示大屏开发总结项目开发背景项目本身已有一个web系统，今年8月有行业展会，对外展示需要一个大屏展示系统，除此之外，日常监控中心也可调看大屏查看实时数据。主要用于
2022-01-06 15:20:21
495
原创 flutter即时通讯聊天下拉刷新更多消息思路及代码实现
一、思路回顾首先，在聊天区域整体是一个可滚动的界面，我们的需求是通过用户下拉手势，即可获取新的聊天记录，并加在原聊天记录的顶端，给用户制造一种无感连接的体验，加载或者加载完毕都要对用户进行信息的提示。即可以将思路分为以下几步：1、在有限的高度中，加载二十条聊天记录，形成可以滚动的区域2、滑动至滚动区域的【顶部】时，调用触发获取新的20条消息的接口，且该过程中顶部有提示文字，“正在加载中…”3、接口获取数据完毕后，对数据进行必要的处理后，将数据拼接至原数据之中，顶部且有充足的位置留给新给的数据。如果
2021-12-17 14:17:54
3249
2
原创 flutter |try using ‘as prefix‘ for one of the import directives, or hiding the name from all but one
报错：try using ‘as prefix’ for one of the import directives, or hidingthe name from all but one翻译：尝试对其中一个导入指令使用“as prefix”，或对除一个导入之外的所有导入隐藏名称出现原因：因为可能你同时引入了两个包，而引用某些东西的时候应该是不知道引用哪个包里面的了。我出现这个的场景就是：我引入了两个地图包，应该是两个包都有重复的的一些属性或者方法，但是我又不得不使用两个包。如下：import .
2021-10-10 20:35:32
2766
原创 小程序地图polygon区域内设置不透明度
因为在开发工具，我使用rgba的颜色表达方式去表示是可以的，但在手机上看，区域内全是黑的（我本来设置的是33%的不透明度的红色），然后就想到说应该有解决方案，于是去找了下，发现没有完整的解决方案，看来是用小程序地图组件的polygon的人不多啊。效果是这样婶的~官方文档原文tip：地图中的颜色值color/borderColor/bgColor等需使用6位（8位）十六进制表示，8位时后两位表示alpha值，如：#000000AA问题来了，如何用字母（或者数字）表示后面我们想要的不透明度值，请
2021-07-20 15:25:21
1002
原创 uChart折线图渐变及优化Y轴出现小数点
折线图渐变首先解释一点，uChart中折线图不能够实现渐变，能够实现渐变的叫做区域图，所以先去检查一下你最外层的type值为’area’，而不是line，否则你再加extra里面的东西也不会显示的。然后在最外层与xAxis平级添加extra，代码如下：extra: { area: { type: "straight", opacity: 0.8, addLine: true, width: 2, gradient: true }, },以下.
2021-07-20 11:32:41
3962
5
原创 （已解决）adb server version (36) doesn‘t match this client (41)
亲测解决了！传送门：https://www.cnblogs.com/yoyoketang/p/9024620.html感谢原文作者！
2021-07-13 22:06:55
1053
原创 el-table 16px gutter表格表头出现错位缺少一格
解决办法：/deep/ .el-table th.gutter { display: table-cell !important; background: #164773;//因为我改了我的默认表格背景颜色，所以要跟着改}此外，想咨询下，为什么会有这种情况？
2021-07-09 14:02:55
3187
原创 uniapp 小程序语音无法播放问题
因为后端返回的mp3文件可以在网页进行播放，但是在小程序无法播放，因此只能选择将文件下载后形成微信小程序的本地文件后用本地路径进行播放。<template> <view class="container"> <view class="box mine" v-if="position === 'right'" @click="handlePlayAudio" :style="{ width: (400 / 60) *
2021-06-18 14:45:16
2047
原创 echart tooltip formatter优化
效果图 tooltip: { trigger: 'axis', formatter: function(params) { let time = '' let str = '' time = parseInt(params[0].axisValue) if (time < 10) { time = '0' + time
2020-12-14 10:23:41
234
原创 2020/09/07 ts封装视频播放组件视频学习笔记
1.webpack基本使用下载安装npm i -D webpack webpack-cli使用1. 进入文件夹生成package.jsonnpm init -y2.创建webpack.config.js，配置入口及出口文件文件内容：const path = require('path');//引入path模块const HtmlWebpackPlugin = require('html-webpack-plugin') //自动编译模板const { CleanWebpa
2020-09-07 14:56:40
133
原创 使用mock.js模拟一组范围内数组
模拟一组包含20个元素，元素值大小在400-1200之间的数据。引入mock部分忽略，需要用到Mock中的Random，需引入const Random = Mock.Random this.y = Mock.mock({ 'array|20': [ () => Random.integer(400, 1200) ] })console.log(this.y)打印...
2020-08-31 13:55:27
3540
原创 vue按钮权限控制
封装Permission组件<!-- --><template> <span v-if="hasPermission" class="permission"> <slot /> </span></template><script>import { mapState } from 'vuex'export default { name: 'Permission', props: {
2020-08-03 16:13:44
363
原创 Element-ui打开表单自动验证问题的解决
记录下地址，免得以后自己还要找https://www.jianshu.com/p/46d119a2c94c
2020-07-24 10:31:12
2935
原创 element-ui动态添加prop验证
注意看prop <!-- 组织 --> <div v-for="(org,index) in orgArrOptions" :key="index"> <el-form-item :label="org.orgName" :prop="`userEntitiesModel[${index}]`"
2020-07-24 09:46:20
2867
原创 element-ui 文件上传类型及大小限制
<el-upload ref="upload" :auto-upload="false" :limit="1" accept=".pdf" action="" :file-list="fileList" :on-change="handleChange" :on-remove="handleRemove" > <el-button slot="trigger" siz.
2020-07-22 10:52:56
3684
4
原创 解决vue多层数据结构动态绑定失效
数据结构如下：currentWarningRulesInfo是父组件传过来的数据。currentWarningRulesSymbol数组未能实现响应式。因为这个二层的数组是我从后台那里拿过来后自己进行转换后新增的数组，不知道为什么没有成为响应式的数据。（后来原因我找着了！！！！后面再说，先说怎么处理的）处理方式 watch: { currentWarningRulesInfo: { handler: function(val, oldVal) { this.w
2020-07-16 17:38:19
1369
原创 JSON数组去重加一处理
// 去重加一处理 function formatData(data) { var formatArray = [] data.forEach((item) => { item.count = 1; var flag = formatArray.some(function (itemArr) { //判断是否有重复的 if (item.lng =.
2020-07-06 10:39:00
207
原创 echarts饼图渲染后台返回数据（处理Series+legend）
定义饼图数据和颜色数据 // sensorOpts sensorOpts: { tooltip: { trigger: 'item', formatter: '{b}: {c} ({d}%)', }, legend: { icon: 'circle', orient: 'horizontal', left: 10, b
2020-07-06 10:22:50
1751
原创 JSON数组筛选出包含所需字段数组
getWarns(params).then((res) => { const { data } = res const dataFilter = ({ location, startTime, data, name}) => { startTime = startTime.split(' ')[1] return { location, startTime, data, name} } dat
2020-07-06 09:56:16
1189
原创 vue使用Swiper+自定义分页器（导航）
结构⬇<template> <div class='home'> <swiper class="swiper-no-swiping" ref="mySwiper" :options="swiperOptions" :auto-update="true" :auto-destroy="true" :delete-instance-on-destroy="true" :cleanup-styles-on-destroy="true"> <swi
2020-06-29 09:59:15
3285
原创 aliplayer隐藏工具条
initVideo (url) { const self = this self.videoHeight = window.getComputedStyle(this.$refs.container).height if (self.player) { console.log('视频已经存在...') } else { try { self.player = new Aliplayer({ .
2020-06-22 10:52:27
1751
原创 Failed to mount component: template or render function not defined
错误原因错误原因：图1，路由页面引入了@/views/Home/index因为之前我所有的结构样式行为都是在一个文件，就叫做index.vue，因此引入时我省略了后缀名。后来我的home下面的index.vue太大我拆成了index.js，index.vue,index.scss，三个文件，如图2，但是路由文件的路径我没有改，还是@/views/Home/index，因此它默认加载了js文件，所以就会报如标题这样的错误。说是没有template之类的。注意，引入时还是带后缀比较保险。...
2020-06-18 09:27:19
1485
原创 require function is used in a way in which dependencies cannot be statically extracted
npm run dev时控制台报错图一是报错情况，后来无意搜索了一下webpack字段，在我的index.vue中发现了import { debug} from ‘webpack’到底是啥时候自己加的代码我也不知道，就是这行代码导致始终编译不成功后来删掉这行代码就可以具体是这么产生的不知道，先删掉这行代码再说， 继续开发吧，唉...
2020-06-17 12:56:27
8019
7
原创 element-ui表单验证为number失效
传送门:https://www.cnblogs.com/james641/p/11372279.html使用v-model.number='xxxx’才能有效
2020-06-15 10:25:56
1345
原创 如何在vue-cli3中使用postcss-px2rem
传送门：https://www.cnblogs.com/aramey/p/11017428.html先创建文件后安装，一步不可缺少
2020-06-10 14:28:02
678
原创 解决element-ui Cascader 的placeholder重影问题
前言解决methods中 // 解决cascader placeholder重影 fixCascader() { const cascader = document.querySelectorAll('.el-cascader__search-input') for (let index = 0; index < cascader.length; index++) { cascader[index].setAttribute('placeho
2020-05-31 21:40:44
2090
8
原创 vuex项目开发疑点记录
vuex中Aciton简写const actions = { // user login login({ commit }, userInfo) { // const { account, password } = userInfo return new Promise((resolve, reject) => { login(userInfo).then(response => { const { data, token } = respo
2020-05-28 15:07:13
104
原创 Echarts加载异常（100%识别为100px）
第一遍尝试的帖子，评论说解决了他们的问题，但是我没有被解决，也不知道是哪里的问题第一次测试帖子第二遍尝试的帖子，解决了我的问题，但是图表不会自适应了第二次测试帖子我的跟第二次测试的情况相似因为我也是在tab中使用echart，而且是第二个选项卡，第一次Echarts 还未找到这个元素...
2020-05-26 09:52:15
532
原创 elment-ui常用样式修改
级联选择器Cascader1.修改hover样式::v-deep .el-cascader .el-input__inner:hover { border-color: #4dbeff}2.修改多选选中块背景.el-cascader__tags .el-tag:not(.is-hit){ background-color: #21aeff; color:#fefefe}
2020-05-08 18:04:11
515
空空如也
请问下这个怎么解决（必须要超过10个字符）
2021-12-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人