vue H5使用input标签调用摄像头拍照

  • Post author:
  • Post category:vue

在开发钉钉微应用项目时,需要调用移动端摄像头拍照进行人脸验证,在翻阅过钉钉微应用的开发文档时,没有找到微应用调用摄像头的API,于是就动起了使用H5调用移动摄像头设备心思。 在这里我是用的时input标签, 标签属性介绍及值: a ccept : audio/*(音频),video/*(视频),image/*(相机,获取图片)  规定通过文件上传来提交的文件的类型。 (只针对type="file"…

继续阅读 vue H5使用input标签调用摄像头拍照

有关在vue同一个页面调用多个echarts图表warning

  • Post author:
  • Post category:vue

data(){ return { // data区域创建一个空对象 里面对应要init的echarts对象 echartsObj: { saleBar: null, numBar: null, onlineBar: null, rateBar: null, moneyBar: null }, } }, methods: { // 图表销毁 disposeChart (obj) { for (con…

继续阅读 有关在vue同一个页面调用多个echarts图表warning

vue-cli模板

  • Post author:
  • Post category:vue

vue-cli是一个项目脚手架工具,它支持通过模板来生成项目结构。执行vue init命令可以指定模板的名字,默认情况下vue-cli会根据传入的模块名字去github中查找模板。 vue-cli的模板分为官方模板、自定义模板和本地模板。 官方模板 在使用前可以先用vue list 命令查询有哪些模板可以使用,然后通过vue init命令来生成相应的项目结构。模板分为基础和高级两个版本,其中基础版…

继续阅读 vue-cli模板

Windows服务器上用NGINX部署vue项目

  • Post author:
  • Post category:vue

背景:项目前端vue 2.0 + elementUI,后端spring boot 2.0.3,服务器是Windows 8。此处默认数据库已经安装到位。 1、服务器上安装NGINX,参考 https://blog.csdn.net/yangfengjueqi/article/details/87973698 2、后端项目生成可执行jar包,参考 https://blog.csdn.net/yangf…

继续阅读 Windows服务器上用NGINX部署vue项目

vue组件之间的传参

  • Post author:
  • Post category:vue

一、组件之间的传参: 1.父组件传子组件:通过props 2.子组件传父组件:自定义事件 父组件:vue实例; 子组件:<my-button></my-button> <my-button></my-button>是放在vue实例挂载点的内部 二、父组件传子组件 <body> <div id="app"> <h1>…

继续阅读 vue组件之间的传参

vue 项目 数据是对象格式 如何初始化 不报错

  • Post author:
  • Post category:vue

<div>{ { report.train.trainTag }}</div> 初始化 data  数据   report.trainTag :"11111111" 吗? 如果 report对象 下面   有很多属性 且 此对象 是ajax请求得来的    页面正好 要展示 这么多属性值   难道  初始化数据 data里面要定义 很多属性吗?这里肯定 不是最优解的 那该 …

继续阅读 vue 项目 数据是对象格式 如何初始化 不报错

vue中修改别名(alias)

  • Post author:
  • Post category:vue

这里踩了很大的坑,记录下来。 因为使用的是最新的脚手架工具 @vue/cli ,它不会生成任何webpack文件,所以需要手动创建。 根据官方文档 :需要创建vue.config.js 还有一个坑,就是没有安装 path ,导致无法解析路径 下面上代码就懂了 同时附上官方文档的例子就懂了(alias:别名) const path = require('path'); function resolv…

继续阅读 vue中修改别名(alias)

el-menu配合vuedraggable实现拖拽功能

  • Post author:
  • Post category:vue

vue3版本的draggable官网 GitHub - SortableJS/vue.draggable.next: Vue 3 compatible drag-and-drop component based on Sortable.js Vue 3 compatible drag-and-drop component based on Sortable.js - GitHub - Sortab…

继续阅读 el-menu配合vuedraggable实现拖拽功能

国产web中间件TongWeb部署项目方式(包含静态页面,vue打包后的页面)

  • Post author:
  • Post category:vue

按照文档提供的方法 直接进入后台 上传war包即可 个人看了一下目录结构,感觉和Tomcat 大同小异,按照自己的想法部署了一下,重启web中间件就可以访问了。很简单 在TongWeb7.0下的applications是存放项目的目录,也是看了默认后台的地址找见的,(也可以放在本机其他目录下,在配置文件中使用绝对地址指定一下)这里可以存放java后台或者前后分离的前台项目,这里放的是vue编译后的…

继续阅读 国产web中间件TongWeb部署项目方式(包含静态页面,vue打包后的页面)

微信/企业微信-本地(MAC)VUE项目调用JS-SDK,开发测试环境搭建

  • Post author:
  • Post category:vue

调用微信SDK前置条件 根据官方文档,前端在使用微信的接口前要先进行配置,配置信息得从后端获取,后端在计算signature时需要前端传入当前页面的URL,开发者要在公众平台设置JS SDK安全域名,在这个域名下才能使用微信JS SDK,所以前端需要满足下面两个条件才能成功调用JS SDK js请求需要从微信配置的安全域名下发出 在微信客户端或者在电脑端的微信开发者工具运行,测试 环境配置 通过安…

继续阅读 微信/企业微信-本地(MAC)VUE项目调用JS-SDK,开发测试环境搭建