vue
vue常见开发问题
Eva-rascal
要么现在开始,要么永不开始
展开
-
ImagePreview查看gif图,关闭之后原图不动了
ImagePreview查看gif图,ios下会遇到关闭大图后原图不动了原创 2023-10-13 10:03:00 · 223 阅读 · 0 评论 -
ios点击输入框没有光标window.getSelection()长度为0
ios点击输入框没有光标,window.getSelection()长度为0原创 2023-09-15 12:32:32 · 188 阅读 · 0 评论 -
vue iframe高度自适应 实用
iframe是vue的,在使用过程中高度根据数据实时变化,不好设置iframe的高度值。试了多种方式之后,总结了几种自适应的方式。实时刷新iframe高度变化var iframes = document.getElementsByTagName('iframe');setInterval(function() { for (var i = 0, j = iframes.length; i < j; ++i) { iframes[i].setAttribute('heigh原创 2021-02-20 12:03:11 · 5458 阅读 · 1 评论 -
vue音视频播放器 vue-hls-player
vue-hls-playervue hls 音视频播放器,支持video和audio安装npm install vue-hls-player全局使用//入口index.jsimport player from 'vue-hls-player'Vue.use(player)//test.vue<vplayer :playerOptions = "vOption" />...原创 2019-10-31 22:05:38 · 4645 阅读 · 0 评论 -
datetime-picker事件穿透问题解决一劳永逸
最近在使用mint-ui做移动端H5开发,遇到个特别恶心的问题:页面超一屏的时候,ios的datetime-picker在滑动的时候联动到底层一起滚动,网上说的禁止touchMove事件尝试了并不管用。最后的解决办法如下:1、datetime-picker改用popup加picker替换2、当popup显示的时候给body加个class。class加 pointer-events: none;...原创 2019-10-25 12:34:53 · 1000 阅读 · 0 评论 -
七牛上传的几种使用方式
七牛上传的各种使用方式公司的文件图片什么的都是放在七牛上的,不同的项目,不同的后台,七牛上传方式也是出了好几种,简单记录一下,懒得废话,直接上代码了,23333选择文件后js上传(vue版)<input type="file" ref="file" @change="uploadFile">import * as qiniu from 'qiniu-js'uploadFil...原创 2019-08-08 18:47:36 · 2052 阅读 · 0 评论 -
vue分页器组件,可设置初始当前页
使用vue编写的分页器组件,支持输入页码跳转,效果如果:1、点击前五页:2、点击中间部分页面3、点击第一页,上一页按钮失效,点击最后一页,下一页按钮失效组件调用://html调用 参数:pageSize(总页数);pageNo(当前页)&amp;lt;pager :pageSize=&quot;pageSize&quot; v-model=&quot;pageNo&quot; @on-j原创 2018-07-20 18:08:22 · 7221 阅读 · 3 评论 -
vue实现点击其他地方简单管用
思路很简单,把页面中的其他点击事件阻止一下冒泡,然后点击body的时候正常做你想做的操作就行,超简单js:data: function(){ return { show:false }},mounted () { document.addEventListener('click', this.handleBodyClick)},destroye...原创 2018-06-22 18:15:36 · 2276 阅读 · 1 评论 -
vue报错:Duplicate keys detected: '22666'. This may cause an update error
最近在vue项目中遇到一个报错,虽然不影响使用,但是报错还是得解决的 一进入某页面,就会冒出这么一长串的报错,这个是由于v-for循环里,key值可能重复了,所以会报这个错。查看了一下页面代码: key值是必须唯一的,如果重复就会报错 可以把key值改为index,就可以避免这个情况: ...原创 2018-06-12 13:47:21 · 85206 阅读 · 14 评论 -
Vue.js组件之间的调用
index.html:运行完index.html之后自动寻找运行main.js文件main.js:import Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = falsenew Vue({ el: '#app',原创 2017-04-01 12:18:58 · 13866 阅读 · 3 评论 -
vue.js环境搭建
1、首先你的电脑需要安装的有nodejs,中文网下载地址:http://nodejs.cn/download/2、打开cmd命令提示符,键入npm install vue,下载vue3、继续输入 npm install --global vue-cli 安装vue-cli,环境搭建完毕4、新建一个vue项目:vue init webpack vue-demo,新建一个名为vue-d原创 2017-02-08 12:11:07 · 402 阅读 · 0 评论