szjSmiling的博客

需求: 单级下拉选择框, 增加全选功能;这里方法封装了一下, 适用于一个页面任意多个多选框增加全选百度查了很久,只有几个相关的语言描述, 然后综合翻阅文档,发现: element中的下拉选择框(el-cascader/el-select)都没有, 获取当前选中的option的方法或者参数, 只有当前已选择的option列表. 个人感觉这个有点不太友好,所以就自己写了全选的功能, 希望能帮到需要的小伙伴!!!el-select<el-select v-model="ceshi.v.

vue+elementUI(cascader/select)全选功能实现需求: 树形以及单级下拉选择框, 增加全选功能;el-select的写在另外一篇文章里,自己把方法封装了一下, 适用于一个页面任意多个多选框增加全选vue+elementUI(el-select)实现全选功能...

记录工作中积累的知识点，有不足，请指出，非常感谢支持，一起加油学习！！！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.

摘要:本文主要描述的是本人在开发过程中遇到的问题, 以及如何利用 visibilitychange 解决的相关记录。visibilitychange 事件, 简单的说就是 document 对象绑定的一个方法, 在H5页面 隐藏或者显示 的时候触发。遇到的问题(H5, 指的是Vue的页面)前景: APP 内嵌 H5 活动页面, 入口在原生, 活动页面有登陆状态的判断逻辑, 登陆为 APP 原生登陆, 登陆成功返回该活动页面;----- 流程图如下:Created with Ra..

原文地址请访问: http://mengyujing.com/vue项目使用WebViewJavascriptBridge/app开发的时候, 需要H5 页面会嵌入到 IOS 客户端 app 中，于是就涉及到了 H5 与 IOS 交互的问题。在这里记录一下项目中用到的交互方式，重点介绍 WebViewJavascriptBridge GitHub 地址。H5 调用 IOS，无返回项目中...

JS部分data () { return { list: [], scrollX: 0, prizeTimer: null }},watch: { prizeList (val) { if (val.length > 0) { this.list = val; this.scrollAuto(this.li...

vue中模拟四格验证码输入１．Template 代码２．JS代码３．css代码插入链接与图片新的甘特图功能，丰富你的文章１．Template 代码<template> <div class="send_otp"> <h3 class="cancel_otp_title">Cancel Trip</h3> <p clas...

vue-仿写下拉菜单功能-带有过渡效果(移动端) 查看完整代码 效果图clickOutside.js 点击目标之外的地方,下拉框隐藏,代码如下:export const clickOutside = { bind(el, binding, vnode) { function documentHandler(e) { if (el.contains...

原文链接如下: https://www.jb51.net/article/143262.htm ,本人在此基础上根据个人项目稍作修改 !滚动组件部分代码如下:&amp;lt;template&amp;gt; &amp;lt;div class=&quot;number-grow-warp&quot;&amp;gt; &amp;lt;span ref=&quot;numberGrow&quot; :data-tim

&lt;p&gt;距离印度的中秋8月15还剩&lt;/p&gt;&lt;div class="count-down"&gt;&lt;span class="child child0" :style="timeBg"&gt;{{time.day1}}&lt;/span&gt;&lt;span class="child child00&qu

注意:input[type="file"] 标签中的属性accept="application/msword,application/pdf" 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚发现,如果有遇到这个问题的可以参考下---下面有更改:)```&lt;template&gt;&lt...

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; .slo

***父组件如下:orderObj:{status:'To be paid',pageNum:1,pageSize:8,},&lt;pagination v-if="orderList.length != 0" :pagination="pagination" @currentPageData="currentPageData"&gt;&lt;/pagination&gt;...

使用前提:了解各个属性***1.data-clipboard-action=""属性来指明 复制（copy）还是剪切（cut）内容。如果你省略这个属性，则默认为复制（copy）。cut只能在input和textare中起作用.***2.data-clipboard-target指向复印节点，这里指input的目标id ;***3.好消息是，如果你需要支持旧浏览器，clipboard.j...