vue
记录自己vue中项目的问题
_MengEn
这个作者很懒,什么都没留下…
展开
-
vue使用video.js解决m3u8视频播放格式
现在好多视频流都是m3u8格式的,这个格式使用html5的video标签是无法播放的,必须使用插件1.安装插件cnpm install video.js --saveccnp install videojs-contrib-hls --save2.在页面中使用<video-player ref="videoPlayer" class="video-player vjs-custom-skin" :playsinline="true" :options="play原创 2020-12-29 09:39:45 · 1610 阅读 · 0 评论 -
vue中返回顶部组件
<template> <transition :name="transitionName"> <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop"> <svg width="16" height="16" viewB...原创 2020-04-01 10:18:55 · 423 阅读 · 0 评论 -
如何在vue中创建生成验证码的组件
<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight" /> </div></template><script>export default { name...原创 2020-03-30 15:50:34 · 461 阅读 · 0 评论 -
vue压缩图片
upLoad(img, file,callback){ img.onload = ()=> { var canvas = document.createElement('canvas') var context = canvas.getContext('2d') var originWidth = img.width ...原创 2019-12-16 15:44:25 · 520 阅读 · 1 评论 -
vue中页面刷新的方法
1.使用 Location 对象提供的方法 window.location.reload()但是这种方法,有的小米手机不会刷新。2.使用vue路由提供给我们的方法 this.$router.go(0)相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面但是这种方法,有的小米手机不会刷新。苹果手机也不会刷新3...原创 2019-12-16 15:39:33 · 546 阅读 · 0 评论 -
在vue中使用postcss-pxtorem,实现rem布局
安装postcss-pxtorem插件,实现使用px为单位,自动帮你转化为rem.1.安装postcss-pxtorem插件npm install postcss-pxtorem --savecnpm install postcss-pxtorem --save2.新建rem.js文件const baseSize = 32// 设置 rem 函数function setRem ()...原创 2019-11-18 10:02:48 · 1695 阅读 · 0 评论 -
解决在vue中使用axios,发送请求会发送option空请求的问题
1.先让我们来看看为什么浏览器会多发送一个空的option请求呢因为浏览器在某些请求中,在正式通信前会增加一次HTTP查询请求,称为"预检"请求(preflight)浏览器先询问服务器,当前网页所在的域名是否在服务器的许可名单之中,以及可以使用哪些HTTP动词和头信息字段。只有得到肯定答复,浏览器才会发出正式的XMLHttpRequest请求,否则就报错。本地环境请求接口的时候,每次请求接口...原创 2019-11-02 13:25:36 · 1458 阅读 · 0 评论 -
在vue中如何使用clipboard复制文字
1.首先安装clipboardnpm install clipboard如果你安装了淘宝镜像也可以使用cnpm2.在需要使用地方引入import Clipboard from 'clipboard'3.使用 Clipboard提供的方法linecopy(index){ let clipboard =new Clipboard('.spa',{ tex...原创 2019-11-02 13:04:42 · 651 阅读 · 0 评论 -
如何在vue项目中,更改富文本编辑器vue-quill-editor的默认字体大小。
vue-quill-editor它默认有4种字体大小,但是在我们实际的项目,可能不只是想要这几种,还想添加自定义的字体大小。下面我就来教大家,怎样改它的默认字体大小1.我们先改,自己封装的vue-quill-editor组件中的字体大小,如图是我自定义的字体大小,false代表的默认选中的字体大小,默认选中的14px。2…我们先在 node_modules包 中找到 quill ,...原创 2019-09-21 14:13:39 · 6203 阅读 · 6 评论 -
uniapp中唤醒支付宝,微信进行支付并返回app
支付分为前端发起支付,和后端发起支付两种方式1.在前端发起支付,uniapp给我们提供好了,可以使用的api接口。uni.requestPayment({ provider: 'alipay', orderInfo: 'orderInfo', //微信、支付宝订单数据 success: function (res) { console.log('success:' + JSON.stringify(res)); }, fail: function原创 2020-07-08 16:44:46 · 6294 阅读 · 0 评论 -
教你如何vue中使用进度条插件nprogress
在vue中使用进度条插件nprogress1.安装npm install nprogress --save2.引入必须引入在main.js项目的入口文件中引入这个css样式3.在项目的路由文件文件中使用必须引入这个两个文件4.借助vue全局的路由钩子,就可以轻松实现加载页面,出现进度条的功能了。5.当然,如果你觉得它的颜色不好看,,也是可以改它的颜色的。在app.vue 的...原创 2019-09-20 14:38:01 · 1300 阅读 · 0 评论