
vue
carrier!
这个作者很懒,什么都没留下…
展开
-
vue使用vue-video-player
1、安装vue-video-player:npm install vue-video-player --save2、引入//在main.js入口文件中引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/cus...原创 2020-04-19 14:55:38 · 693 阅读 · 0 评论 -
vue项目中使用ckplayer.js封装视频播放组件
1、在index.html中引入ckplayer.js<script src="ckplayer/ckplayer.js" charset="utf-8"></script>资源放在public路径下:点击视频播放按钮,弹框播放,效果图如下:如果需要支持进度条快进后退,后台接口需要使用断点续传调用组件代码:<!--组件调用示例--&...原创 2020-04-19 14:48:59 · 2618 阅读 · 0 评论 -
vue使用 vue-cropper插件封装图片裁剪等功能
安装vue-croppernpm install vue-cropper在.vue的文件中引入: <template> <div class="hello"> <div style="width:600px;height:600px;"> <vueCropper ...原创 2020-04-19 14:36:04 · 1273 阅读 · 1 评论 -
vue将路由拆分多个路由文件
1、修改路由index.js,通过...base引入import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)import base from './base'export default new Router({ routes:[ ...base ], mode:'history'...原创 2020-04-19 14:18:13 · 1024 阅读 · 2 评论 -
VUE 在访问路径中添加项目名称
1、修改路由配置export default new Router({ routes:[ ...base ], mode:'history', base:'/sky-rxy-web/'})2、index.html中添加<meta base="/sky-rxy-web/">3.vue.config.js添加publicPath: ...原创 2020-04-19 14:14:25 · 4824 阅读 · 0 评论