![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
elizebeth6
这个作者很懒,什么都没留下…
展开
-
css fixed定位被transform影响的问题
css fixed 被transform影响原创 2023-01-12 16:43:07 · 454 阅读 · 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 · 5563 阅读 · 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 · 1111 阅读 · 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 · 1354 阅读 · 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 · 2962 阅读 · 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 · 2430 阅读 · 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 · 1287 阅读 · 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 · 82 阅读 · 0 评论 -
vue 清除定时器失效 clearInterval
最近在写视频播放相关内容,需要自己写进度条想着做个心跳监听当前的进度条发现清楚定时器的时候失效搜了一下解决办法就是挂载到window上 this.timer = window.setInterval(() => { this.onPlayerTimeupdate(); }, 300) window.clearInterval(this.timer); this.timer=null; ...原创 2021-09-24 17:08:29 · 913 阅读 · 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 · 609 阅读 · 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 · 646 阅读 · 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 · 355 阅读 · 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 · 2160 阅读 · 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 阅读 · 0 评论 -
el-tooltip不能正常使用问题
我用el-tooltip 时发现我点击一个盒子可以显示但是切换到别的盒子之后 mouse事件就失效了后来发现是因为div盒子根绝V-if来显示隐藏的只要给el-tooltip标签添加上相同的v-if标签就可以了原创 2021-07-05 11:05:26 · 2203 阅读 · 0 评论 -
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 · 661 阅读 · 0 评论 -
vue krpano 在xml中获取js中的参数
在krpano中jsget(ret, 'location.hash');if(ret === 'viewPano',) 在js中可以用函数return你想要的数据但是这里要注意该语句的执行时间,如果在页面最开始执行要考虑生命周期的问题,此时如果在函数中return参数则未必能拿到...原创 2021-04-15 10:37:27 · 301 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 658 阅读 · 0 评论 -
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 评论 -
解决vue中 el-card click点击事件失效的问题
官方文档上并没有写这个点击事件一般我们会把card放在最外层,然后第二层再套一个支持回调函数的组件标签 这样的话好处理但是如果要用点击事件的话其实只要把@click="useclick(‘111’)替换为@click.native="useclick(‘111’)就可以完美解决了...原创 2020-03-04 15:59:30 · 4280 阅读 · 1 评论