vue3.0 + ts H5拍照组件

实现了简单的拍照功能，拍照成功返回文件对象。（待更新，裁剪，缩放，旋转）

效果图

使用

通过npm下载 npm i wl-easy-ui 或者通过yarn add wl-easy-ui

在main.ts 中引入 wl-easy-ui

 import WlEasyUI from 'wl-easy-ui'app.use(WlEasyUI )

在组件中直接使用

    <wl-camera fileName="123" onFileEvent={getFileEvent}><span>摄像头拍照</span></wl-camera>

仓库链接

 https://gitee.com/wanglun945/wl-easy-ui

API

Camera Props

属性	说明	类型	默认值
fileName	拍照成功后返回图片文件的文件名称	String	空

Camera Events

属性	说明	默认返回值
FileEvent	拍照成功后回调	File

Camera Slots

属性	说明	默认值
default	组件触发元素	Button按钮

vue3.0 + ts H5拍照组件相关推荐

vue 不识别svg_vue中引用svg，vue引入svg不显示，vue引用svg配置，vue3.0+ts如何配置svg...
注意: 如果按照下面配置正确发现svg依然无法显示可能s'v'g-sprite-loader的版本过高,重新指定版本下载npm i svg-sprite-loader@3.8.0 --save-dev ...
vue3.0+ts+element-plus多页签应用模板：element-plus按需引入与动态换肤
目录系列链接一.安装element-plus 二.按需引入 1. 为什么要按需引入? 2. 如何按需引入? 3. 验证是否引入成功三.动态换肤 1. 制作自定义主题 2. 引入自定义主题 3. ...
vue3.0+ts+element-plus多页签应用模板：项目搭建
目录系列文章一.安装vue-cli@4.5.x 二.创建项目三.项目配置四.IDE配置五.vue.config.js配置六.重置浏览器默认样式系列文章 vue3.0+ts+element ...
vue3.0+ts+element-plus多页签应用模板：侧边导航菜单（上）
目录系列文章一.先说点什么二.从问题开始,侧边栏是干啥的? 三.封装组件之思路分析四.封装菜单部分 1. MenuItem 2. ModuleMenu 系列文章 vue3.0+ts+eleme ...
vue3.0+ts+element-plus多页签应用模板：多级路由缓存
目录系列文章一.先说点啥 1. 为啥需要路由缓存? 2. 怎么实现路由缓存? 二.路由扁平化三.定义tag模块处理路由缓存四.切换路由时加入缓存五.使用keep-alive 系列文章 vue ...
支持vue3.0+ts 的富文本记录
前言用过很多的富文本,还是蛮喜欢鹅毛富文本,轻量级, 一般遇到富文本的案例,都会首先想到的是quill 目前vue3.0与react分裂两极,typescript霸占一方,javascript还在坚 ...
Vue3.0+TS+Element-plus实现(若依版后台管理系统)
附上源码地址: Vue3.0+TS+Element-plus 后台管理系统模板准备工作安装vue3.0,npm create vue3-project 选中这几项即可,不需要vuex, 我们自己封 ...
如何搭建一个完整的Vue3.0 + ts 的项目
如何搭建一个完整的Vue3.0 + ts 的项目相信9月18日尤大大的关于Vue3.0的发表演讲大家一定有所关注,现在Vue3.0 也已经进入RC阶段(最终产品的候选版本,如果没有问题则可发布成为正 ...
Vue3.0 + Ts 项目框架搭建二：路由 Router
前言上篇文章我们使用 vue-cli 创建了模板项目,可以看到安装的依赖只有 vue,所以要正常的驱动项目,安装必要的依赖是跑不了. 其中Router是控制整个系统的页面路由,是最重要的依赖之一.因 ...

vue3.0 + ts H5拍照组件

vue3.0 + ts H5拍照组件

效果图

使用

仓库链接

API

vue3.0 + ts H5拍照组件相关推荐

最新文章

热门文章