Vue+ElementUI 导出为PDF文件
摘要:在ElementUI中导出PDF通常涉及将页面上的DOM元素转换为PDF格式的文件。这一过程可以通过结合使用 html2canvas 和 jsPDF 这两个JavaScript库来实现。 步骤: 1、安装依赖 在项目中安装html2canvas和jsPDF这两个库。可以通过npm进行安装: npm
阅读全文
posted @
2024-11-19 09:18
JoeYoung
阅读(147)
推荐(0) 编辑
解决 Vue2 点击事件要点击两次才生效的问题
摘要:问题: 项目落地页使用 LinkedME 深度链接服务跳回App,单独在 jQuery 下没问题,可以正常点击跳转,但是放在 vue 的 methods 方法中,就需要点击2次才可以触发。 查了一些资料,基本都是创建封装 LinkedME 代码,然后 import 进去使用,但是我这个只是一个简单的
阅读全文
posted @
2021-09-27 15:11
JoeYoung
阅读(1903)
推荐(0) 编辑
vue 中的 async await 异步 等待 按顺序执行
摘要:async/await场景: 这是一个用同步的思维来解决异步问题的方案,当前端接口调用需要等到接口返回值以后渲染页面时。 async async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行,as
阅读全文
posted @
2021-09-07 15:09
JoeYoung
阅读(30386)
推荐(2) 编辑
基于 vue-element 组件实现音乐播放器功能
摘要:效果: 代码: <template> <div id='playMusic'> <audio ref='audio' :src='src' @pause="onPause" @play='onplay' @timeupdate="onTimeupdate" @loadedmetadata="onLo
阅读全文
posted @
2021-07-05 09:38
JoeYoung
阅读(808)
推荐(0) 编辑
iview 表单验证问题 Select 已经选择 还是弹验证提示
摘要:iview 的 Select 下拉框的时候,数据验证必填,明明选择了数据,却一直提示验证不能通过 html代码: <Form ref="FormData" :model="FormData" :rules="ruleValidate" :label-width="100"> <FormItem la
阅读全文
posted @
2021-06-11 10:30
JoeYoung
阅读(768)
推荐(0) 编辑
elementUI i中的 el-upload上传音频文件获取音频时间长度
摘要:html代码: <el-upload :action="addForm.path" v-model="addForm.path" class="avatar-uploader" :http-request="fileUploadHandler" :multiple="false" :before-u
阅读全文
posted @
2021-05-18 14:17
JoeYoung
阅读(1115)
推荐(0) 编辑
WePY 项目中使用 Promise
摘要:wepy项目中使用Promise 因为不想陷入异步的回调地域中去,所以在一些复杂的业务当中,我们推荐使用 Promise 或者 async-function 来替代传统的回调,因此需要在项目中单独进行配置。 1. 进入项目跟目录,安装依赖 npm install wepy-async-functio
阅读全文
posted @
2021-04-01 16:39
JoeYoung
阅读(103)
推荐(0) 编辑
WePY 小程序授权点击取消授权失败的方案
摘要:今天看到一个微信小程序 wepy 框架的获取用户信息授权, 收录下,方便以后用的上。 在wepy里使用进行小程序页面授权,里面包含了用户点击取消的重新授权方案: //auth.js /* * @Author: Porco_Mar * @Date: 2018-04-11 15:49:55 * @Las
阅读全文
posted @
2021-03-30 09:57
JoeYoung
阅读(191)
推荐(0) 编辑
微信小程序 WePY 2 框架入门教程
摘要:WePY 2 的设计思想 非侵入式设计 WePY 2 运行于小程序之上,是对小程序原有能力的封装和优化,并不会对原有小程序框架有任何改动或者影响。 兼容原生代码 能够兼容原生代码,即部分页面为原生,部分页面为 WePY。同时做到无需任何改动即可引用现有原生开发的小程序组件。 基于小程序原生组件实现组
阅读全文
posted @
2021-03-29 14:32
JoeYoung
阅读(989)
推荐(0) 编辑
微信小程序 WePY 1.7.X 框架入门教程
摘要:WePY 1.X 项目的创建与使用 前端开发框架和环境都是需要 Node.js ,先安装 node.js 开发环境,WePY 借鉴了 Vue.js(后文简称Vue)的语法风格和功能特性,vue的运行是要依赖于 node 的 npm 的管理工具来实现,安装过程前面写过,这里就不再写了。 WePY的安装
阅读全文
posted @
2021-03-26 11:25
JoeYoung
阅读(671)
推荐(0) 编辑
Wepy 微信小程序项目踩坑记
摘要:今天接到一个新任务,修改一个 wepy 框架开发的微信小程序。 在代码的 REDEAD.md 文件里: npm install wepy-cli -g wepy -v 1.7.3 $ npm install @wepy/cli -g # 全局安装 WePY CLI 工具 $ wepy init st
阅读全文
posted @
2021-03-09 22:09
JoeYoung
阅读(766)
推荐(0) 编辑
TypeScript 快速上手及学习笔记
摘要:TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。 TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。 什么是 TypeScript TypeScript 是 JavaScript 的、带有类型的超集,并且能够编译成普通的 J
阅读全文
posted @
2020-10-23 15:07
JoeYoung
阅读(1263)
推荐(0) 编辑
带你简单解读 Vue3
摘要:Vue.js 3.0 "One Piece" 已正式发布,此框架新的主要版本提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新 API,并为框架未来的长期迭代奠定了坚实的基础。 Vue 3.0 的发布标志着此框架整体上已处于可用状态。尽管框架的某些子项目可
阅读全文
posted @
2020-10-14 10:17
JoeYoung
阅读(2456)
推荐(0) 编辑
Vue 之 element 输入框验证及常用正则
摘要:1.控制输入位数 限制输入为10位,这种方式可以使输入框中输入10位后不能输入后续内容因为number输入框自动将最后一位小数点忽略不计,因此“.”,"2.","3.3."这三种情况均为正确的输入 <el-form-item label="渠道:" prop="channelName"> <el-i
阅读全文
posted @
2020-10-10 10:52
JoeYoung
阅读(12943)
推荐(1) 编辑
Table组件在flex布局下面宽度会自动无限增加的问题
摘要:问题一: elementUI中el-table表格在flex布局下出现表格宽度一直在增大变化的问题 解决方案: 在table外层包一层div元素,设置css宽度继承自父级宽度,添加代码:position:absolute; width:100%;一般上级元素就设置这flex布局 flex:1;加入一
阅读全文
posted @
2020-09-25 11:14
JoeYoung
阅读(7365)
推荐(0) 编辑
el-select change 触发事件及 clear 清空内容触发事件
摘要:Select 选择器 当选项过多时,使用下拉菜单展示并选择内容。 为el-select设置clearable属性,则可将选择器清空。需要注意的是,clearable属性仅适用于单选。 Select Events 事件名称说明回调参数 change 选中值发生变化时触发 目前的选中值 visible-
阅读全文
posted @
2020-09-09 14:10
JoeYoung
阅读(25259)
推荐(0) 编辑
Vue 项目刷新当前页面
摘要:有时候我们在项目的页面中做了一些操作,执行完某个动作,改变了某些状态,需要重新刷新页面,以此来重新渲染页面。如:用户登录成功、增加、删除、更新等。 原来解决办法: 1、原始方法: location.reload(); 会出现短暂的闪烁,画面一闪,体验不是很好 2、vue自带的路由跳转: this.$
阅读全文
posted @
2020-09-08 11:14
JoeYoung
阅读(541)
推荐(0) 编辑
Vue 使用 vue-echarts 图表插件
摘要:以前都用的是 echarts 插件,这次的项目要用 vue-echarts 插件。 vue-echarts 和 echarts 的区别: vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件
阅读全文
posted @
2020-09-07 16:13
JoeYoung
阅读(10759)
推荐(0) 编辑
Vue 路由跳转、传参、接参四种方式
摘要:一、router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> <!-- name,path都行, 建议用name --> 注意:router-link中链接如果是'/'开始就是从根
阅读全文
posted @
2020-09-03 10:48
JoeYoung
阅读(9375)
推荐(0) 编辑
webpack 之 proxyTable 设置跨域
摘要:为什么要使用proxyTable 很简单,两个字,跨域。 在平时项目的开发环境中,经常会遇到跨域的问题,尤其是使用vue-cli这种脚手架工具开发时,由于项目本身启动本地服务是需要占用一个端口的,所以必然会产生跨域的问题。当然跨域有多种解决方式,这里就不一一例举,下次弄篇文章单独讲,在使用webpa
阅读全文
posted @
2020-08-31 16:37
JoeYoung
阅读(378)
推荐(0) 编辑