- 博客(38)
- 收藏
- 关注
RSS订阅原创 vue3.0 element-plus 不同版本 el-popover 循环优化
v-popover的值与el-popover的ref值要一致。1、以1.1.0-beta.24版为例（低版本）与低版本不同， v-popover被弃用了。2、以2.3.9版为例（当前新版本）表格内循环el-popover。红色下划线部分是关键点。
2023-08-15 15:47:14
1952
原创 vue 3.0 内使用element plus (1.0.2-beta.32 最开始的版本)遇到的问题
如果使用的element plus是 最开始的版本，不是最新版，使用的时候，如果出现了以下这种错误，或者导航啥的不能跳转，Popper不能弹出来之类的，可以先对照一下vue的版本。后面我把vue的版本换成了 3.0.9，就不报错可以正常使用了。我这边最开始element plus用的是。然后就出现了上面那个错误。
2022-10-13 10:58:11
619
1
原创 vue2.x 富文本编辑器Tinymce tinymce-vue 使用记录
第一步 引入（我是用的是这个版本）npm install [email protected] -Snpm install @tinymce/[email protected] -S第二步找到 node_modules 下的 tinymce 将其目录下的 skins themes 复制到 static/tinymce 下，这里的langs是我自己加的汉化语言包，语言包下载地址：Language Packages | Trusted Rich Text Editor | TinyMCE第...
2022-02-28 11:01:16
2890
1
原创 vue-devtools（vue2和vue3） 安装总结（google浏览器上安装的）
方法一：直接从谷歌应用商店安装（vue官网有给链接，我这边不能翻墙，我没用）https://v3.cn.vuejs.org/guide/installation.html#vue-devtools方法二：从github上下载安装1、从github上下载安装包（链接：https://hub.fastgit.org/vuejs/devtools/tree/main）不知道为啥我直接下载下来的，运行npn run build 会报错，找了半天没找到解决办法然后我从这里点进去下...
2021-12-10 10:07:32
3405
1
原创 关于js文件下载总结
思路：用ajax 去访问文件地址，通过流文件的形式下载下面是我自己写的一段，里面的实现参考了js-file-download，url是文件地址,如：http://www.xxxxx.mp4 axios({ url, headers: { 'Content-Type': 'application/json; application/octet-stream' }, method: 'get', res
2021-09-16 19:21:01
393
原创 vue element-plus中collapse折叠面板默认全部展开
应用场景将图中所有的collapse全部默认展开代码：activeNames是个数组，存放的是要展开的collapse的name注意事项：这里的activeNames不能动态去改变，要一次性赋值这样写默认是不能展开的正确的写法：...
2021-08-20 11:01:22
4013
2
原创 vue 项目中 登录失效重新登录成功之后 页面跳转回之前登录失效的页面
常见的，项目入口 通过判断token（访问接口的凭证）是否存在，如果不存在，让用户重新登录1、地址重定向到登录，用一个参数保存重定向之前的页面地址，我们这里用的redirect2、在登录页面，先获取保存的重定向路径，state.redirect保存的是路径，state.otherQuery保存的是地址里的传参3、登录成功之后，判断是否存在重定向地址，存在则跳转重定向的地址（这里跳转之前我加了个判断，就是redirect是否存在'?',如果存在，说明地址本身就包含了参数，只需要把oth..
2021-05-26 14:44:30
3736
1
原创 textarea值换行问题
在数据提交的时候，将textarea内的换行（\n）都改成<br>Description.replace(/\n/g,'<br>')在重新获取数据编辑的时候，再将所有的<br>换成\nletreg=newRegExp('<br>','g')Description=res.Description.replace(reg,'\r\n')在页面上直接显示数据的时候，不用做任何编辑，因为读取到的<br>，会换行...
2021-03-09 09:23:42
852
原创 vue3 element plus NavMenu 导航无法选中（同级页面跳转，导航无法高亮）
需求：导航选中的是公司信息，当跳转到公司信息编辑的时候，上面的导航公司信息还是要选中状态，点击导航，回到信息展示页面，下面是我的路由在vue2里面 使用element ui，像下面这样做是可以的动态给el-menu-item的index赋值，获取当前页面的路径，动态传给index但是在vue3里面用的element plus 这样用不行了，只有在首次刷新的时候（或者页面刚跳转进去的时候）给index赋的值有效，后面点击之后，index的值好像并没有改变，我打印出来看了一...
2021-03-05 10:48:43
2062
1
原创 [email protected] 动态添加路由之后无法跳转
问题描述：项目根据不同角色做了权限控制，前端通过登录获取角色 ，动态加载对应的路由，vue-router升级到3.5.1版本之后，突然登录成功之后，路由就不能跳转了解决办法：首先说一下我这边的 就是把vue-router 的版本降低到3.0.7（我是降低到的这个版本，然后重新运行一下就行了）npm i [email protected]但是在不改变版本的情况下的解决办法，我还没弄出来，找到了再补充。。。。...
2021-02-22 10:12:11
1979
原创 js点击事件 获取父级元素的时候报错 （ Property ‘parentElement‘ does not exist on type ‘EventTarget‘）
报错：但是我直接debugger，是能获取到这个值的，但是这样用就报错。后来在别的答案下面，回答解释说这个只是用来给你debugger调试用的，不能直接在代码里这样直接访问。解决办法：强制类型转换（不知道还有没有别的办法）（<HTMLElement>e.target).parentElement 这样使用就不会报错了或使用parentNode：( <HTMLElement>( <HTMLElement>event.target...
2021-01-29 15:33:17
1262
1
原创 element ui 使用checkbox（多选框）遇到的问题总结
功能就是这样 多选遇到的问题有两个：第一个是编辑的时候获取数据，checkbox没有被选中；第二个是 编辑的时候，取消选择之后，数据还是提交给后端了（这个问题和第一个问题是相关联的）第一个问题，返回了数据，checkbox没有被选中（这个问题怪我自己没有仔细看文档）当后端返回数据之后，要通过设置checked属性，来手动设置复选框的选中状态，像下面这样第二个问题取消选择之后，数据还是提交给后端了因为第一个问题，设置了checked的状态之后，如果是t...
2021-01-21 17:16:59
5658
2
原创 vue项目使用scss 遇到的问题 总结
首先 项目中引入的命令npm install [email protected] --save-devnpm install node-sass --savenpm install style-loader --save不能直接使用npm install sass-loader --save-dev，因为当前sass的版本太高，webpack编译时出现了错误，所以指定：npm install [email protected] --save-dev 安装低版本的。很多文章说要在build..
2020-09-22 14:46:12
1982
转载 移动端最小字体限制测试
原文：https://www.cnblogs.com/he-lian/p/4512276.html?_t_t_t=0.47901571358823203
2020-08-19 10:48:21
476
原创 axios 文件流下载
commonDownload(parameter) { //公共的下载方法 return new Promise((resolve, reject) => { axios({ url:parameter.defaultUrl+'/Common/FileDownloadPost', method: 'post', responseType...
2020-07-24 11:38:36
4467
原创 vue element ui NavMenu 导航菜单无法选中
使用element ui的NavMenu 时，导航不能选中当前的激活的菜单这是要实现的样子官方文档上记载的是这样，正常使用是没有问题的然后下面是我的代码怎么都选不中然后我觉得可能是我传了参数的原因，因为这个el-menu-item 的index要和这个路由保持一致，而$route.path取出来的路由是不带参数的，于是我改成了这样把:default-active="$route.path"改成了:default-active="$route.fullPath" ,这时候.
2020-06-09 17:00:49
1970
原创 vue 项目打包后，.woff文件找不到
今天项目打包上线遇到一个问题，打包发布成功之后，.woff类型的字体文件是404，但是文件的路劲是对的，其他后缀的文件也都能加载出来，一开始以为是配置不正确导致的，后来找了半天，是因为服务器配置的原因，我们用的是iis在这个MIME类型里面，把.woff的后缀加进去就行了。...
2020-05-29 14:12:20
1017
原创 vue element-ui table 二维数组 合并行
element ui table 后台返回的数据是二维数组的时候 合并行的实现，下面是后端返回的数据，以下的步骤都建立在这个数据上面这是要实现的效果方法：第一步：先把二维数组转换成一维的，用上面的数据为例，转化之后的数据是这样的，（部分字段我重新命名了，根据自己的需要修改）转化的代码如下，this.newTableData用来存储转化后的数据第二步：确定每...
2019-12-30 11:27:30
5108
3
原创 使用vue-video-player遇到的小问题
vue项目,遇到个视频播放的，后端传过来的视频格式是不确定的，所以初始化的时候没有办法不定type,我这里是留空了在获取到视频的地址之后判断视频的格式，然后设置type的值，我也不知道直接这样判断视频的格式是不是准确，我就判断的后缀，应该没啥问题^_^，最好是后端接口能返回视频的类型 我觉得 这样就准确了(*^▽^*)...
2019-11-11 16:38:14
3227
原创 手机端自适应遇到的问题 页面缩放不正常（使用的是flexible.js）
o(╥﹏╥)o。。。。做了一个项目 包含pc端和手机端，手机端要自适应，用了淘宝的小插件flexible.js,然后页面的缩放出现了问题，算出来的dpr都是对的，但是字体大小始终不对，（现在这个图是对的，错的我没保存，我的设计稿是750的，所以1rem=75px）找了半天看了插件的源码才发现问题，就是这最关键的一句啊，我之前一直以为这个插件是获取的设备视口的宽度，其实不是，翻了一...
2019-11-05 11:12:23
2646
1
原创 vue 数据更新了，但是dom没有发生变化（使用iview 的 radio和 checkbox遇到的问题）
o(╥﹏╥)o·······，今天做项目的时候遇到一个问题，项目使用的是iview，然后页面是这样的，题目对应不同的题型，包含单选和多选，我用的iview单选和多选控件，点击对应的序号的时候，显示对应的题目，和该题对应的答案。遇到的问题：单选题切换没有问题（我也不知道为什么单选切换是正常的o(╥﹏╥)o,难道因为单选的答案是字符串，多选的答案是数组的关系？？？），但是多选题之间...
2019-10-21 15:18:28
1113
1
原创 img vue 当图片加载失败时使用默认图（默认图片也不存在的时候解决办法）
方法1 给img标签添加onerror事件图片加载过程出错了没加载数来，就会触发img标签的onerror事件，可以使用一张默认的提示错误的图片代替显示不了的图片。<img :src="item.product_images?item.product_images:'src/assets/images/kong.png'" onerror="this.src='../../...
2019-10-16 15:30:01
11018
2
原创 JS textarea多行文本框内容 换行
textarea多行文本 换行保存的时候，其实保存的是‘\n’,直接再读取的textarea多行文本里是没有问题的但是要放在页面上展示，‘\n’不会换行，所以在多行文本框保存的时候，要先进行转换，'\n’转换成‘<br/>’标签，这样可以直接读取成换行展示，例如：this.InfoList[5].valueText=this.InfoList[5].valueText.rep...
2019-09-19 10:12:52
7387
原创 vue vue-router 同一个页面地址栏参数改变，页面不刷新的问题
vue-router 同一个页面地址栏参数改变（比如文章的发布和编辑是同一个页面），不会触发vue的created或者mounted钩子，所以数据不会重新渲染。解决办法有两种：1：监听地址栏变化（watch）,这是vue-router官方给出的解决办法。监听路由变化，把初始化的方法重新写到监听的方法里面执行2、给router-view加个唯一的key，来保证路由切换时都会重新...
2019-07-03 11:35:31
17011
3
原创 html5页面 安卓小键盘会影响定位的元素
之前做的一个项目 要求页面正好是一屏 然后确认框定位在最下面，是这样的，设置高度为100%时，当输入框获得焦点的时候，安卓键盘会把最下面的那个按钮顶上去（这里的按钮用的是绝对定位哦）我之前在网上找过一些解决办法：有一个办法是当输入框获取焦点的时候把按钮隐藏，失去焦点的时候显示，我试了这种办法太可行，因为当输入框获得焦点的时候，直接点击小键盘的收起的箭头，输入框是不会失去焦点的，这时候...
2019-06-13 16:32:28
798
原创 vue element ui 在table内使用el-popover遇到的问题
先看效果鼠标悬停的时候出现popover弹窗提示，有提示的时候显示 没提示的时候不显示“拣”遇到的问题： 当删除表格中的某一行时 或者某一行原本没有备注，新增了一个备注的时候，鼠标悬停的时候popover弹窗不出来刚加载的时候是正常的，但是当把第一行的数据删掉之后，popover弹窗就出不来了，这时候的代码，数据重新加载之后生成的代码如图：，可以看到，其实popover是生成了...
2019-06-13 16:04:37
14499
5
原创 es6学习之路一（babel使用）
前面已经将babel安装成功，文件都配置好了，试一下看看效果O(∩_∩)O哈哈~文件夹转换先更改package.json的配置，配置需要转换的文件夹和转换后存放的文件夹。需要转换的文件（随便写的）执行npm run build 转换成功之后转换后的文件夹结构 单个文件转换改变package.json的配置，要注意的就是配置中不能只写文件名称，还有...
2018-09-10 11:19:32
478
原创 es6学习之路一（babel）
在正式学习ES6之前，先学习一下ES6的转换器babel。（参考阮一峰的ECMAScript 6 入门）1、准备（已安装node和npm的条件下）新建一个文件夹作为一个项目文件夹，在当前文件夹中打开命令窗口，执行npm init 生成了package.js文件。遇到的问题：npm init报错，因为刚开始的时候我给文件夹取了中文的名字o(╥﹏╥)o，改成英文的就好了。2、配置 ...
2018-09-10 10:59:23
705
原创 圣杯布局和双飞翼布局(我自己的理解)
圣杯布局和双飞翼布局 实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应圣杯布局（要注意设置最小宽度）这时候左右两边的盒子会盖住中间盒子的内容给父级添加padding值 给左右两个盒子设置定位另一种实现给中间的盒子左右加padding值 用来抵消左右两边盒子遮住的部分增加了padding后 因为默认的box-sizing属性为content-box（在元素宽...
2018-09-05 17:31:52
1388
原创 在火狐浏览器 button的disabled属性 刷新页面后无法恢复
在button标签里加上autocomplete="off" <button type="button" id="updata-form" class="btn btn-large" disabled="disabled">更新</button>在火狐里面，页面刷新后，按钮可以点击<button type="butto
2018-08-03 10:17:32
776
原创 web uploader在Firefox（火狐）点击上传无效
不能正常初始化的情况（在谷歌里面是正常的，在火狐里面点击没有反应）：修改之后正常（在谷歌和火狐都是正常的）在chrome下面可以弹出弹窗，正常显示，但是在Firefox下面没有任何反应，看来应该是在Firefox浏览器中button标签内部不允许其他标签把，只能是文本，之后我将绑定web uploader的标签从button换成div，在Firefox下面也就可以使用了。...
2018-07-11 12:00:17
1191
原创 js阻止冒泡事件和默认事件
event.stopPropagation();这个event要通过参数传递过来，不然可能有的浏览器（比如火狐）不能识别event要像这么写：onclick="init.toggleUserInfo(this,event)"init.toggleUserInfo=function(target,event){event.stopPropagation();//阻止冒泡}
2018-01-31 10:08:13
359
原创 响应路由参数的变化
官网参考文档链接：https://router.vuejs.org/zh-cn/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%E8%B7%AF%E7%94%B1%E5%8F%82%E6%95%B0%E7%9A%84%E5%8F%98%E5%8C%96简单来说就是在watch路由变化的时候，将之前生命钩子里面初始化的那些方法重新执行一遍，例如
2018-01-25 13:41:04
1175
1
转载 js中的变量作为json的key
把js中的变量作为json的key具体解决描述如下.假使 var key1 = "aaa"; var value1 = "bbbb";json 对象 data={k:'aa',b:'aaa'};这时如果想给data改为 {k:'aa',b:'aaa',aaa:'bbbb'};用 data.key1 = value1;这样是不行的。会把变量名作
2017-11-27 10:04:25
32140
2
原创 改变浏览器默认滚动条样式
//使用实例body::-webkit-scrollbar{width: 5px;background-color: #ccc;} body::-webkit-scrollbar-thumb{background-color: #8b8b8b;}div::-webkit-scrollbar{width: 6px;height: 9px;}div::-webkit-scrollbar
2017-11-24 14:27:27
1223
原创 video标签监听播放暂停，隐藏下载按钮
/* 隐藏视频默认的下载按钮*/video::-webkit-media-controls-enclosure {overflow:hidden;}video::-webkit-media-controls-panel {width: calc(100% + 30px);}//播放视频，并且监听视频是否播放结束init.public.playVideo=function(t
2017-11-23 15:22:08
6098
原创 通过css让标签左右垂直居中的几种
1、最常用的方法，通过position对标签进行定位；如：div的宽高为100pxposition:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;2、结合margin属性和定位；position: absolute; top: 0px;left: 0px;right: 0
2017-11-14 21:50:06
1282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人