- 博客(41)
- 收藏
- 关注
RSS订阅原创 父组件的样式单独不赋给某个子组件的写法
在父组件的样式中加入这个，意思就是下面的样式不给包含 .classname 的页面使用。需要注意的是如果#main有其他的样式，需要单独剥离。并且这个样式需要写在其他样式后防止被覆盖。
2023-07-17 17:37:11
142
原创 echarts+vue 实现滚动条只可滚动不可缩放+柱状图tooltip背景宽度自定义
【代码】echarts+vue 实现滚动条只可滚动不可缩放+柱状图tooltip背景宽度自定义。
2023-04-07 15:20:09
640
原创 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
5552
原创 ant 多选框默认不选中
ant 的多选框 全选状态分三种，部分选中 全部选中 未选中 <Checkbox v-model:checked="state.checkAll" :indeterminate="state.indeterminate" @change="onCheckAllChange" > 全选此页 </Checkbox>stat
2022-04-01 15:41:41
529
1
原创 echarts 柱状图
柱状图加进度条，柱状图X轴文本展示不全换行问题 xAxis: { type: 'category', axisLabel: { interval: 0, // 强制文字产生间隔 // rotate: 20, // 文字逆时针旋转45° textStyle: { // 文字样式 // color: 'black',
2022-04-01 15:37:20
128
原创 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
1110
原创 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
1354
原创 keil ISIS AT89C51单片机
突然想起大学时候学习的知识，最近空余时间较多，想回顾一下，然后发现连最简单的编辑器的名字都快忘记了，于是赶紧抓紧时间复习一遍，在此记录一下这个过程遇到的问题。首先是对于keil的安装，我是直接从网上找的安装包，其实直接搜索官网下载应该也是可以的这部分不再多说了接下来是第二部分安装仿真软件 ISIS这里我也是网上找的安装包软件里面具体包括了破解的跟汉化的包下面是我参考进行安装的链接ISIS安装教程安装包大家可以搜一下，还是比较好找的这里不多赘述关于keil文件找不到单片机依赖下面从创建
2021-11-02 13:51:59
3339
1
原创 使用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
2958
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
2429
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
1286
原创 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
82
原创 vue 清除定时器失效 clearInterval
最近在写视频播放相关内容，需要自己写进度条想着做个心跳监听当前的进度条发现清楚定时器的时候失效搜了一下解决办法就是挂载到window上 this.timer = window.setInterval(() => { this.onPlayerTimeupdate(); }, 300) window.clearInterval(this.timer); this.timer=null; ...
2021-09-24 17:08:29
910
原创 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
609
原创 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
646
原创 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
353
原创 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
2159
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
1209
原创 el-tooltip不能正常使用问题
我用el-tooltip 时发现我点击一个盒子可以显示但是切换到别的盒子之后 mouse事件就失效了后来发现是因为div盒子根绝V-if来显示隐藏的只要给el-tooltip标签添加上相同的v-if标签就可以了
2021-07-05 11:05:26
2203
原创 krpano 陀螺仪 相关问题
首先 陀螺仪的使用要求地址必须是 https本地测试时可以通过更改vue.config.js（如果没有vue.config.js那就新建一个）// vue.config.jsmodule.exports = { devServer: { proxy: { '/api': { target: 'url', changeOrigin: true, pathRewrite: { '^/a
2021-06-05 15:43:02
660
原创 vue krpano 在xml中获取js中的参数
在krpano中jsget(ret, 'location.hash');if(ret === 'viewPano',） 在js中可以用函数return你想要的数据但是这里要注意该语句的执行时间，如果在页面最开始执行要考虑生命周期的问题，此时如果在函数中return参数则未必能拿到...
2021-04-15 10:37:27
301
原创 vue krpano 小行星开场效果
vue krpano 中的小行星开场效果，要求在页面最开始执行，并且需要在热点之前加载首先是单纯的小行星效果<!-- 小行星开场 --> <action name="aaa" > copy(lp_scene, xml.scene); copy(lp_hlookat, view.hlookat); copy(lp_vlookat, view.vlookat); copy(lp_fov, view.fov); copy(lp_fovmax, view.fovm
2021-04-15 10:33:26
767
原创 vue krpano 视角监听
因为觉得自带的雷达有点丑于是想自己写一个视角监听事件实现雷达功能用krpano 的events 事件监听视角的变化时（onviewchanged）会失效一开始以为写法的问题后来发现页面静止一段时间后就监听不到这个事件了<events onviewchanged="change"/> <action name="change"> js(changeView(get(view.vlookat),get(view.hlookat))); </action&
2021-04-15 10:26:50
657
原创 vant vue 开发手机端网页vant tabbar双击显示
用vue开发手机端网页，用到了vant 的 tabbar组件，因为封装了tabbar代码,导致切换的时候，tabbar上来都是active的初始选中状态，每次都是默认的零，尝试了很多方法，最后发现最原始的把当前状态存到本地存储也是可以实现的，我一开始用的这个方法但是没有生效，原因是什么呢，很简单数据是Number类型，存到Loaclstorage之后再取出来变成了string可以明显看到两个数据类型是不一样的，使用强制转换之后就可以了this.active = Number(localSto
2021-01-12 15:54:50
848
1
原创 小程序中wx.request在tabbar中的onload生命周期不触发的问题
遇到一个大坑！！！小程序写的请求放在onload生命周期中，希望进入页面他就会自己执行，但是发现只有在刷新页面后才会触发一次，并且只触发一次之后在进入这个页面就不会触发onload函数了，请求自然也不会通后来发现是因为tabbar页面切换，他没有走onload最后我是添加了onTabItemTap(e){ // ajax拉去数据 console.log(e) },成功执行了我的wx.request巨坑！！！...
2020-09-09 16:50:50
899
原创 小程序 onShareAppMessage不触发方发
今天写微信小程序的时候有个功能，需要用户点击分享后跳到小程序中的另一个页面，一番查找后发现有个onShareAppMessage方法可以完成此功能，但是在页面中写的时候发现不管怎么调试该功能都不会触发，官方说这个方法需要真机测试的时候才会触发，无奈又真机测试后发现依旧不行，最后发现是因为页面初始化的时候会自动建立很多空白的方法，我写的onShareAppMessage被后面建立的空白方法覆盖了！！！！大坑！！！！...
2020-09-04 10:53:13
1796
7
原创 python 踩坑 pycharm Cannot run program
闲来无聊想搞一下python，先用Microsoft Store下载了python3.8，然后下载了pyCharm，运行的时候发现一直报错最后发现是因为python版本的路径写错了更改方法如下找到File里面的settingsetting里面Project–> Project Interpreter点击设置，找到python3.8的安装路径更改上这里因为我不知道具体路径，所以打开了我安装的python看了一下，路径就在目录栏上不知道去哪里找的话就直接搜索应用就行了...
2020-05-21 15:51:48
7598
原创 微信小程序，踩坑，本地存储，wx.setStorageSync("key",value)覆盖问题
使用微信小程序时，需要本地存储一个对象，后边需要在别的界面种对这个对象进行解构重新搭建新对象后，覆盖原先的key值，但是发现怎么都不能把原来的value值替换后来发现是因为我先从本地存储中取了之前的值，然后解构赋值的时候把旧数据放在了后面，这样一来属性值就被原来的数据重新替换了，所以导致一直覆盖不成功，解决办法很简单，就是把新数据放到后面就行了！...
2020-04-29 16:33:25
7489
3
原创 poatman 测试报错 The server couldn't send a response: Ensure that the backend is working properly Self
postman测试一直报错，但是检查局域网没问题，搜了很多办法分别修改了都没有效果，最后发现是防火墙的问题，后端把防火墙关闭就可以了
2020-03-19 10:40:31
8653
原创 解决vue中 el-card click点击事件失效的问题
官方文档上并没有写这个点击事件一般我们会把card放在最外层，然后第二层再套一个支持回调函数的组件标签 这样的话好处理但是如果要用点击事件的话其实只要把@click="useclick(‘111’)替换为@click.native="useclick(‘111’)就可以完美解决了...
2020-03-04 15:59:30
4280
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
2539
原创 git踩坑 push时报错 error: failed to push some refs to 'git@gitee.com:git_zn/jl.git'
很遗憾没留下错误相关的代码截图，大家凑合看吧git push 时报错 ! [rejected] master -> master (fetch first)error: failed to push some refs to 'git@gitee.com:git_zn/jl.git'hint: Updates were rejected because the remo...
2020-02-28 09:30:21
2229
1
原创 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
6429
2
原创 微信小程序 真机调试报错 Error: EEXIST: file already exists, open'C:\xxx\app.js
微信小程序可以正常编译，在真机调试时遇到此错误试了很多办法没有解决，最后发现可能与微信开发者工具的版本有关。版本不太稳定可以选择将开发工具升级为最高版本，或者重建项目，将原有的代码粘贴过去后重新进行真机调试的工作。两种方法我都用过，完美解决...
2020-02-27 13:40:04
4492
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
19104
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
15261
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人