JS
大阳plus
这个作者很懒,什么都没留下…
展开
-
一个方法,调用不同状态的接口,传递不同的参数,confirm提示不同的状态
<Table ref="table" v-loading="listLoading" :height="-1" :bottom-off-set="110" :data-list="list" :column="listTableColumn" :table-btn="listTableBtn" :selection.sync="multipleSelection"原创 2021-09-04 09:47:52 · 585 阅读 · 0 评论 -
element的Upload组件增加图片必传验证
<template> <div><!-- 头像上传开始 --> <el-form ref="form" :model="form" :rules="rules" :label-position="labelPosition"> <el-form-item ref="upload" label="个人照片" prop="imageUrl"> <el-upload class="avatar-uplo原创 2021-09-03 13:47:34 · 1158 阅读 · 0 评论 -
封装element的分页组件(el-pagination),可重复使用
element的分页组件:<template> <div class="paginationWrap"> <el-pagination :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="paginationLayout" :page-sizes="pageSizes" :total="total" @si原创 2021-09-01 14:57:45 · 375 阅读 · 0 评论 -
Vue中的v-for循环列表下,实现点击跳转不同页面
当用v-for进行列表循环的时候,需要实现在点击的时候能够跳转不同的页面。<!-- 快捷图标列表 --> <el-row> <el-col class="iconList" v-for="item in systemList" :key="item.title" :span="6" > <div class="hoverChange" @click="gotoPage(item)">原创 2021-08-06 14:54:12 · 3660 阅读 · 0 评论 -
实现点击选项卡匹配相对应内容,且点击高亮
实现选项卡的切换效果,这里用的是element的UI库<template> <div> <el-container> <el-main> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="文章(8)" name="first"> <el-row原创 2021-08-06 14:29:21 · 284 阅读 · 0 评论 -
JS写周期性定时器(时间倒计时、获取验证码倒计时)
周期性定时器让网页自动运行,例如某bao网页的秒杀价倒计时。下面要介绍的是时间倒计时和获取验证码的倒计时:(两个功能我写到一个网页里了,其中部分代码都有详细的注解,在这里我就不再赘述)在这里要提点的是: disabled属性只能适用于button标签直接上代码!HTML部分:没有做样式修饰,因为主要是展现功能呀(不搞那么多花里胡哨的,哈哈哈哈哈) <h1 id="time"></h1> <button id="btn">获取验证码</b原创 2020-07-18 10:45:10 · 797 阅读 · 0 评论 -
用原生JS写注册页面,正则表达式验证手机号和密码,编写一个简约模板
这是一个简单的注册页面,DOM事件onclick,onblur(失去焦点)。大概写个简单的页面,包含手机号、输入密码、确认密码(其中密码可以显示或隐藏)。当所有条件未成立的时候,将会显示填写信息有误。关于图片的小建议:里面有睁眼和闭眼的图片,可以去阿里巴巴矢量图标库去自行下载,可以自行调整大小。下面是完整代码部分:HTML部分:<div class="register"> <div class="tel-box"> 手机号:<input cl原创 2020-07-17 20:05:09 · 2053 阅读 · 0 评论 -
JS写选项卡,点击不同颜色选项卡,内容出现与之对应的颜色
写的比较粗糙,但应该能够通俗易懂HTML:<ul class="tabs"> <li style="background: #7FFF00;">娱乐</li> <li style="background: #6495ED;">趣事</li> <li style="background: #BD4932;">综艺</li> <li style="background: #58B850;">原创 2020-07-17 19:38:31 · 743 阅读 · 0 评论