
前端
elizebeth6
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css fixed定位被transform影响的问题
css fixed 被transform影响原创 2023-01-12 16:43:07 · 564 阅读 · 0 评论 -
antd treeselect filterTreeNode 节点搜索
我用的版本是 vue3.0ant 2.2.8想实现搜索功能只需要 加一个 :filterTreeNode="filterTreeNode" // 搜索 const filterTreeNode = (value, node) => { if (node.props.name.indexOf(value) > -1) { if (node.props.dataRef.children.length !== 0) {原创 2022-04-14 15:31:34 · 6294 阅读 · 0 评论 -
vue3.0 ant-range-picker [antdv: DatePicker] `value` provides invalidate moment time. If you want to
写代码时候碰到一个问题用ant的时间范围选择器报错按照官网写的后来用了moment包裹还是报错最后发现是格式问题下面是官网的写法最后是我的运行没有问题的<a-range-picker v-model:value="datePicker" />datePicker.value =[moment().startOf('date'), moment()]...原创 2022-01-06 09:28:10 · 1188 阅读 · 0 评论 -
ckeditor4 vue2.0 上传图片到服务器
最近碰到的问题,关于ckeditor4 与 vue项目结合问题项目是2.0的框架构建的一开始想部署的是ck5后来发现好像是不行换成ck4后在上传图片过程中碰到的问题需要将图片上传到公司服务器配置过程中碰到的问题,在fileUploadResponse中打断了他默认的接口请求,图片上传成功后,没有像官网demo一样跳转到图像预览的页面以下是配置在config.js中config.filebrowserUploadUrl = 'http://xxxx.com';在调用ck的页面中 th原创 2021-11-26 09:51:17 · 1450 阅读 · 0 评论 -
使用html2canvas 截图 出现图片空白的问题
npm install html2canvas -S//在要截图的页面里import html2canvas from 'html2canvas' <div @click="saveImage()">截图</div> <div ref="ImageContent"> 要截图的内容 </div>saveImage() { let myBox = this.$refs.ImageContent; html2ca原创 2021-10-11 11:06:17 · 3244 阅读 · 1 评论 -
el-table数据不更新问题
开发中遇到一个问题,table的数据不管是重新赋值还是怎么都不会发生变化,只有第一次进入页面的时候table会被赋值一次找了些资料下面是我的解决办法<el-table :data="tableData" :key="key"></el-table>//在更新data数据的地方给key赋值this.key = Math.random()...原创 2021-09-27 14:25:29 · 2524 阅读 · 4 评论 -
vue 用A链接下载文件 视频
const filePath = data;// 文件的地址 fetch(filePath).then(res => res.blob()).then(blob => { const a = document.createElement('a') document.body.appendChild(a) a.style.display = 'none' // 使用获取到的blob对象创建的url ..原创 2021-09-27 14:14:12 · 1432 阅读 · 0 评论 -
for跟foreach跳出循环
跳出本次循环for (let i = 0; i < arr.length; i++) { if (i === 5) { continue }}跳出整个循环for (let i = 0; i < arr.length; i++) { if (i === 5) { break }}foreach中return跟for中的continue一个效果arr.forEach((item, index) => {原创 2021-09-27 14:12:15 · 117 阅读 · 0 评论 -
vue 清除定时器失效 clearInterval
最近在写视频播放相关内容,需要自己写进度条想着做个心跳监听当前的进度条发现清楚定时器的时候失效搜了一下解决办法就是挂载到window上 this.timer = window.setInterval(() => { this.onPlayerTimeupdate(); }, 300) window.clearInterval(this.timer); this.timer=null; ...原创 2021-09-24 17:08:29 · 1155 阅读 · 0 评论 -
vue 2.0 build配置问题 对应vue3.0中的 chainWebpack
因为需要读取本地的静态 .swf文件 搜了一下说要在build文件中配置但是只能搜到3.0的配置方法如下 大体是这么个意思vue.config.js文件module.exports = { chainWebpack: config => { config.module .rule('vue') .use('vue-loader') .loader('vue-loader') .tap(options => {原创 2021-09-24 15:26:52 · 695 阅读 · 0 评论 -
vue el-tooptip el-select el-popover等的样式修改问题 el-tree修改气泡窗问题
这些样式都有一个共同点就是他们都在vue的实例对象之外,只存在与最根部的html中,也就是说我们设置的时候要去APP.vue中进行设置,这样就会有一个问题,会影响全局的同类型组件解决办法就是给他们加一个自定义的class类名 popper-class="autopop"这里就不贴具体代码了,大家可以具体情况具体分析下面说一下el-tree还是修改样式的问题,修改的就是气泡窗以及自定义的按钮代码如下<el-tree :highlight-current="true" :data="chapt原创 2021-09-24 15:19:12 · 797 阅读 · 0 评论 -
vue 手动实现tab栏
由于UI样式的影响,el-tabs实现起来比较麻烦,所以选择自己手动写activeName: "zujian1",listTop: [{ name: '组件1', id: 'zujian1' }, { name: '组件2', id: 'zujian2' }, { name: '组件3', id: 'zujian3' },],<div class="tabs-ul"> <span v-for="(item,index) in listTop" :key="i原创 2021-09-24 15:08:53 · 424 阅读 · 0 评论 -
vue中使用保利威视频播放器
在data中 vodPlayerJs: "https://player.polyv.net/script/player.js", this.loadPlayerScript(this.loadPlayer); if (this.player) { this.onPause();//两个监听事件 this.onPlay(); }我这里不知道到底是vid还是URL,所以两个的取值根据传送的参数决定的loadPlayerScript(callba原创 2021-09-24 15:03:06 · 2459 阅读 · 3 评论 -
vue 监听localstorage
mian.js 中 原型挂载Vue.prototype.$addStorageEvent = function (type, key, data) { if (type === 1) { // 创建一个StorageEvent事件 let newStorageEvent = document.createEvent('StorageEvent'); const storage = { setItem: function (k, val) { loca原创 2021-09-24 14:52:54 · 1310 阅读 · 0 评论 -
el-tooltip不能正常使用问题
我用el-tooltip 时发现我点击一个盒子可以显示但是切换到别的盒子之后 mouse事件就失效了后来发现是因为div盒子根绝V-if来显示隐藏的只要给el-tooltip标签添加上相同的v-if标签就可以了原创 2021-07-05 11:05:26 · 2366 阅读 · 0 评论 -
vant vue 开发手机端网页vant tabbar双击显示
用vue开发手机端网页,用到了vant 的 tabbar组件,因为封装了tabbar代码,导致切换的时候,tabbar上来都是active的初始选中状态,每次都是默认的零,尝试了很多方法,最后发现最原始的把当前状态存到本地存储也是可以实现的,我一开始用的这个方法但是没有生效,原因是什么呢,很简单数据是Number类型,存到Loaclstorage之后再取出来变成了string可以明显看到两个数据类型是不一样的,使用强制转换之后就可以了this.active = Number(localSto原创 2021-01-12 15:54:50 · 936 阅读 · 1 评论 -
小程序中wx.request在tabbar中的onload生命周期不触发的问题
遇到一个大坑!!!小程序写的请求放在onload生命周期中,希望进入页面他就会自己执行,但是发现只有在刷新页面后才会触发一次,并且只触发一次之后在进入这个页面就不会触发onload函数了,请求自然也不会通后来发现是因为tabbar页面切换,他没有走onload最后我是添加了onTabItemTap(e){ // ajax拉去数据 console.log(e) },成功执行了我的wx.request巨坑!!!...原创 2020-09-09 16:50:50 · 953 阅读 · 0 评论 -
小程序 onShareAppMessage不触发方发
今天写微信小程序的时候有个功能,需要用户点击分享后跳到小程序中的另一个页面,一番查找后发现有个onShareAppMessage方法可以完成此功能,但是在页面中写的时候发现不管怎么调试该功能都不会触发,官方说这个方法需要真机测试的时候才会触发,无奈又真机测试后发现依旧不行,最后发现是因为页面初始化的时候会自动建立很多空白的方法,我写的onShareAppMessage被后面建立的空白方法覆盖了!!!!大坑!!!!...原创 2020-09-04 10:53:13 · 2036 阅读 · 7 评论 -
微信小程序,踩坑,本地存储,wx.setStorageSync("key",value)覆盖问题
使用微信小程序时,需要本地存储一个对象,后边需要在别的界面种对这个对象进行解构重新搭建新对象后,覆盖原先的key值,但是发现怎么都不能把原来的value值替换后来发现是因为我先从本地存储中取了之前的值,然后解构赋值的时候把旧数据放在了后面,这样一来属性值就被原来的数据重新替换了,所以导致一直覆盖不成功,解决办法很简单,就是把新数据放到后面就行了!...原创 2020-04-29 16:33:25 · 7863 阅读 · 3 评论 -
poatman 测试报错 The server couldn't send a response: Ensure that the backend is working properly Self
postman测试一直报错,但是检查局域网没问题,搜了很多办法分别修改了都没有效果,最后发现是防火墙的问题,后端把防火墙关闭就可以了原创 2020-03-19 10:40:31 · 9179 阅读 · 0 评论 -
解决vue中 el-card click点击事件失效的问题
官方文档上并没有写这个点击事件一般我们会把card放在最外层,然后第二层再套一个支持回调函数的组件标签 这样的话好处理但是如果要用点击事件的话其实只要把@click="useclick(‘111’)替换为@click.native="useclick(‘111’)就可以完美解决了...原创 2020-03-04 15:59:30 · 4449 阅读 · 1 评论 -
微信小程序排坑,本地存储数据解析后字符带双引号,userName: JSON.stringify(wx.getStorageSync('userInfo').userName
userName: JSON.stringify(wx.getStorageSync('userInfo').userName),得到的数据解析后带双引号,这真是一个气吐血的坑。需要在往storage种存储的时候使用 wx.setStorageSync('userInfo',JSON.parse(userInfo))再解析userName: wx.getStorageSync('u...原创 2020-02-28 13:02:54 · 2699 阅读 · 0 评论 -
git 踩坑 fatal: 'origin' does not appear to be a git repository fatal: Could not read from remote repo
fatal: ‘origin’ does not appear to be a git repositoryfatal: Could not read from remote repository.git 向分支推送时碰到此错误出现此错误的原因是因为没有将远程仓库连接到你的本地代码,这种情况下,建议先输入 git push -f命令强制提交一下如果出现如下图的提示进行下一步的绑定远...原创 2020-02-28 09:06:28 · 6653 阅读 · 2 评论 -
微信小程序 真机调试报错 Error: EEXIST: file already exists, open'C:\xxx\app.js
微信小程序可以正常编译,在真机调试时遇到此错误试了很多办法没有解决,最后发现可能与微信开发者工具的版本有关。版本不太稳定可以选择将开发工具升级为最高版本,或者重建项目,将原有的代码粘贴过去后重新进行真机调试的工作。两种方法我都用过,完美解决...原创 2020-02-27 13:40:04 · 4579 阅读 · 3 评论 -
wepy踩坑 sitemap.json Error: 未找到入口 sitemap49.json 文件,或者文件读取失败,请检查后重新编译。
VM101:1 sitemap.json Error: 未找到入口 sitemap49.json 文件,或者文件读取失败,请检查后重新编译。报出如上错误,搜索了很久没找到原因如上 ,微信开发助手的版本是2.10.0自从不知道多少版本之后就出现了sitemap,必须添加所以在dist根目录下添加一个sitemap.json 文件就可以解决啦如果继续提示没有sitemap49.json ...原创 2020-01-17 09:11:07 · 19248 阅读 · 4 评论 -
vsCode中live server 中出现Server is already running from different workspace错误
vsCode中live server 中出现Server is already running from different workspace错误为了解决Vue扩展程序的问题,在vsCode中添加了扩展程序live server,但是在用快捷键启动的时候出现了错误,其实是很简单的端口占用的问题这个时候只要右键stop live server就可以了或者是快捷键 先ALT+L 再ALT+C...原创 2019-12-19 10:56:44 · 15754 阅读 · 7 评论 -
H5中利用after伪元素做三角箭头的翻转效果
Document原创 2019-10-23 21:20:15 · 719 阅读 · 0 评论