![](https://img-blog.csdnimg.cn/20191220105255989.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
循序渐进,Vue
文章平均质量分 55
前端小白学习之路
szjSmiling
做好本职工作, 努力提升自己, 加油, 每天进步一点点!!!
展开
-
vue+elementUI(el-select)实现全选功能
需求: 单级下拉选择框, 增加全选功能;这里方法封装了一下, 适用于一个页面任意多个多选框增加全选百度查了很久,只有几个相关的语言描述, 然后综合翻阅文档,发现: element中的下拉选择框(el-cascader/el-select)都没有, 获取当前选中的option的方法或者参数, 只有当前已选择的option列表. 个人感觉这个有点不太友好,所以就自己写了全选的功能, 希望能帮到需要的小伙伴!!!el-select<el-select v-model="ceshi.v.原创 2021-08-23 15:30:06 · 1747 阅读 · 0 评论 -
vue+elementUI(el-cascader)实现全选功能
vue+elementUI(cascader/select)全选功能实现需求: 树形以及单级下拉选择框, 增加全选功能;el-select的写在另外一篇文章里,自己把方法封装了一下, 适用于一个页面任意多个多选框增加全选vue+elementUI(el-select)实现全选功能...原创 2021-08-23 14:49:49 · 9989 阅读 · 47 评论 -
vue中axios取消、上传以及下载进度
记录工作中积累的知识点,有不足,请指出,非常感谢支持,一起加油学习!!!git文档地址 传送门1. axios使用场景之取消某个请求方法一:const CancelToken = axios.CancelToken;let cancel;axios.get('/user/12345', { cancelToken: new CancelToken(function executor(c) { // An executor function receives a cancel fu.原创 2021-04-22 14:54:17 · 2120 阅读 · 3 评论 -
APP 内嵌H5, H5页面可见性改变事件 : visibilitychange
摘要:本文主要描述的是本人在开发过程中遇到的问题, 以及如何利用 visibilitychange 解决的相关记录。visibilitychange 事件, 简单的说就是 document 对象绑定的一个方法, 在H5页面 隐藏或者显示 的时候触发。遇到的问题(H5, 指的是Vue的页面)前景: APP 内嵌 H5 活动页面, 入口在原生, 活动页面有登陆状态的判断逻辑, 登陆为 APP 原生登陆, 登陆成功返回该活动页面;----- 流程图如下:Created with Ra..原创 2020-08-27 16:09:28 · 2472 阅读 · 0 评论 -
APP 内嵌H5, vue中使用WebViewJavascriptBridge
原文地址请访问: http://mengyujing.com/vue项目使用WebViewJavascriptBridge/app开发的时候, 需要H5 页面会嵌入到 IOS 客户端 app 中,于是就涉及到了 H5 与 IOS 交互的问题。在这里记录一下项目中用到的交互方式,重点介绍 WebViewJavascriptBridge GitHub 地址。H5 调用 IOS,无返回项目中...转载 2018-09-19 15:49:12 · 5466 阅读 · 21 评论 -
vue中无限轮播的简单实现
JS部分data () { return { list: [], scrollX: 0, prizeTimer: null }},watch: { prizeList (val) { if (val.length > 0) { this.list = val; this.scrollAuto(this.li...原创 2019-12-18 16:25:10 · 2321 阅读 · 7 评论 -
vue中模拟四格验证码输入
vue中模拟四格验证码输入1.Template 代码2.JS代码3.css代码插入链接与图片新的甘特图功能,丰富你的文章1.Template 代码<template> <div class="send_otp"> <h3 class="cancel_otp_title">Cancel Trip</h3> <p clas...原创 2019-05-21 11:16:49 · 1402 阅读 · 0 评论 -
vue中仿写下拉菜单功能-带有过渡效果(移动端)
vue-仿写下拉菜单功能-带有过渡效果(移动端) 查看完整代码 效果图clickOutside.js 点击目标之外的地方,下拉框隐藏,代码如下:export const clickOutside = { bind(el, binding, vnode) { function documentHandler(e) { if (el.contains...原创 2018-12-05 15:22:50 · 3604 阅读 · 0 评论 -
vue中数字变化滚动效果
原文链接如下: https://www.jb51.net/article/143262.htm ,本人在此基础上根据个人项目稍作修改 !滚动组件部分代码如下:&lt;template&gt; &lt;div class="number-grow-warp"&gt; &lt;span ref="numberGrow" :data-tim原创 2018-10-25 11:49:10 · 4711 阅读 · 2 评论 -
vue中本地时间转换其它时区的时间(js)
<p>距离印度的中秋8月15还剩</p><div class="count-down"><span class="child child0" :style="timeBg">{{time.day1}}</span><span class="child child00&qu原创 2018-08-30 14:43:50 · 7301 阅读 · 0 评论 -
vue中使用input[type=“file“]进行文件上传
注意:input[type="file"] 标签中的属性accept="application/msword,application/pdf" 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚发现,如果有遇到这个问题的可以参考下---下面有更改:)```<template><...原创 2018-08-30 18:42:49 · 8595 阅读 · 2 评论 -
vue中老虎机效果的简单实现-带立即停止功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .slo原创 2018-08-17 17:12:44 · 8626 阅读 · 18 评论 -
vue中简单分页功能
***父组件如下:orderObj:{status:'To be paid',pageNum:1,pageSize:8,},<pagination v-if="orderList.length != 0" :pagination="pagination" @currentPageData="currentPageData"></pagination>...原创 2018-08-17 17:04:55 · 366 阅读 · 0 评论 -
vue中Clipboard 复制剪切功能的实现
使用前提:了解各个属性***1.data-clipboard-action=""属性来指明 复制(copy)还是剪切(cut)内容。如果你省略这个属性,则默认为复制(copy)。cut只能在input和textare中起作用.***2.data-clipboard-target指向复印节点,这里指input的目标id ;***3.好消息是,如果你需要支持旧浏览器,clipboard.j...原创 2018-08-17 10:51:43 · 2380 阅读 · 0 评论