vue
文章平均质量分 69
冉、
这个作者很懒,什么都没留下…
展开
-
vue移动端项目rem自适应适配插件postcss-pxtorem的使用
文章目录一、安装依赖插件1.下载 postcss-pxtorem, 用于将 px 单位转化为 rem 单位2.下载 amfe-flexible ,用于设置 rem 基准值二、配置1. 在配置文件(vue.config.js)里面引入postcss-pxtorem,并配置2. 在mind.js文件引入amfe-flexible3. 在index.html头部加入手机端自适应meta三、使用一、安装依赖插件1.下载 postcss-pxtorem, 用于将 px 单位转化为 rem 单位npm ins原创 2021-11-19 11:43:22 · 3867 阅读 · 1 评论 -
vuex插件vuex-persistedstate的使用(解决页面刷新store数据丢失问题)
插件原理也是将数据存本地,只是不用手写一、下载npm install vuex-persistedstate --save二、使用—在store文件夹的index.js引入及配置插件import Vue from 'vue'import Vuex from 'vuex'import user from './modules/user'import common from './modules/common'import tags from './modules/tags'import原创 2021-11-16 18:00:09 · 1181 阅读 · 4 评论 -
vue视频播放插件—vue-video-player
下载插件npm install vue-video-player --save引入插件在main.js里全局引入import VueVideoPlayer from 'vue-video-player'// require videojs styleimport 'video.js/dist/video-js.css'// import 'vue-video-player/src/custom-theme.css'Vue.use(VueVideoPlayer, /* { op原创 2021-10-09 09:56:27 · 307 阅读 · 0 评论 -
vue实现页面打印自动分页的两个方法
一、通过ref方式获取元素进行打印1.封装一个js文件// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof原创 2021-09-28 10:13:33 · 2643 阅读 · 0 评论 -
vue调取电脑摄像头实现拍照功能
实现效果图:拍照前&拍照后(我电脑摄像头挡住的,所以图片是灰色)1.点击拍照上传功能调取电脑摄像头权限2.选择允许使用摄像头之后,页面摄像头区域开始显示画面3.点击拍照按钮,右侧显示拍摄的图片。点击保存即可完整代码:我这里写的是一个组件,所以触发调取摄像头事件是从父组件传过来的。也可以直接写一个页面上。<template> <div class="camera-box" style="width: 900px;"> <el-row :g原创 2021-09-27 16:00:00 · 4489 阅读 · 11 评论