【Vue/Js】通过jSignature插件实现h5签名的完整可运行实例,横屏、竖屏两个实例(代码完整,直接运行)

  • Post author:
  • Post category:vue

一、插件安装: http://willowsystems.github.io/jSignature/#/about/ 二、竖屏实例 注意:css中的# #signature {}与js中的初始化jSignature插件 $sigdiv.jSignature({})相呼应,这块是个坑呀!网上很有人说清这个坑。 #signature { border: 2px solid #000; /* 设置边框 …

继续阅读 【Vue/Js】通过jSignature插件实现h5签名的完整可运行实例,横屏、竖屏两个实例(代码完整,直接运行)

图片裁剪:在vue3中使用vue-cropper

  • Post author:
  • Post category:vue

npm引入 npm install vue-cropper 组件代码  <template> <input type="file" accept="image/*" @change="onChange" id="fileBtn" style="display: none" /> <el-button @click="uploadClick">图片上传</e…

继续阅读 图片裁剪:在vue3中使用vue-cropper

vue + elementui 使用 dialog和form表单时数据渲染问题

  • Post author:
  • Post category:vue

问题:dialog和form表单一起使用,关闭模态框再次点开出现上次数据依旧渲染在上面的问题 解决:加个v-if 判断 版权声明:本文为weixin_45108907原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/weixin_45108907/article/details/109078438

继续阅读 vue + elementui 使用 dialog和form表单时数据渲染问题

在移动端通过vue-pdf实现预览pdf

  • Post author:
  • Post category:vue

应用场景:比赛报表pdf文件需要在线预览跟下载,发现直接使用window.open(url, '_blank'),在pc端是可以实现预览,但是在移动端是直接通过打开浏览器进行下载再预览,经查资料发现可以使用vue-pdf组件实现预览!!! 参考:https://www.cnblogs.com/steamed-twisted-roll/p/9648255.html     GitHub地址:http…

继续阅读 在移动端通过vue-pdf实现预览pdf

关于vue中的.map()遍历方法

  • Post author:
  • Post category:vue

使用该方法进行遍历时,最好把遍历出来的item数据进行筛选,新建一个数据来保存筛选出来的数据. 因为遍历出来的数据是这样的  如果直接使用数组进行保存 this.addLeaseData.customerInfo = item;  那么后面流程中若修改了addLeaseData的数据,将会影响到customerTableData的数据,即影响到其他数组数据;正确的做法应该是这样的: this.ad…

继续阅读 关于vue中的.map()遍历方法

解决vue3使用element-ui

  • Post author:
  • Post category:vue

目前element-ui支持vue2版本,有一些组件在vue3中无法使用,这时候我们需要导入element-plus结合vue3开发 具体操作 1.首先安装element-ui npm install element-ui --save 这里为什么要安装element-ui,我也不清楚,但是我一旦只安装element-plus,不安装element-ui就会报错,这里建议安装,或者不安,出问题了,…

继续阅读 解决vue3使用element-ui

Vue2.X+TypeScript开发模式,使用Component、Model、Prop、Emit、Watch等构造器进行项目开发

  • Post author:
  • Post category:vue

在Vue+JavaScript模式中,我们在组件中使用component、watch、model、emit属性时,都是直接使用的.然而在Vue+TypeScript开发模式中.我们需要通过引入相应的构造器,在构造器中进行声明使用数据. // 在Vue+TypeScript开发模式中引入相应的构造器进行界面开发 <script lang="ts"> import { Component,…

继续阅读 Vue2.X+TypeScript开发模式,使用Component、Model、Prop、Emit、Watch等构造器进行项目开发

vue/cli3 PC项目 build后dist文件下manifest.json存在信息泄露问题

  • Post author:
  • Post category:vue

在项目迭代时,安全中心集成扫描出manifest.json存在信息泄露问题 (我所开发的项目为PC端,所以用不到这个文件,所以选择直接卸载) npm uninstall @vue/cli-plugin-pwanpm uninstall register-service-worker删除 registerServiceWorker.js 如果你的项目使用了lib-flexible插件,注意查看一下f…

继续阅读 vue/cli3 PC项目 build后dist文件下manifest.json存在信息泄露问题

vue+elementui el-upload上传文件携带参数

  • Post author:
  • Post category:vue

//template里面写 <el-upload ref="upload" style="display:inline;margin-left:10px;" action="url" :auto-upload="false" :multiple="false" :show-file-list="false" :before-upload="beforeUpload" :on-change="…

继续阅读 vue+elementui el-upload上传文件携带参数

Vue.js 2.0 详细教程 快速上手 – 基础篇

  • Post author:
  • Post category:vue

Vue.js 2.0 快速上手 - 基础篇 时间 2016-10-19 19:32:38   markzhai's home 原文   http://blog.zhaiyifan.cn/2016/10/17/vue-2-quick-start/ 主题  Vue.js Vue 2.0 出来也有一段时间了,作为一个有志向的全面发展好青年,在征服 Vue 1.x,React,React Native 后…

继续阅读 Vue.js 2.0 详细教程 快速上手 – 基础篇