- 内容介绍热点排行相关文章下载地址↓
-
vue随机密码生成器特效源码是一款基于VUE + JS + element-ui制作网页版随机密码生成器工具代码。包含英文、数字、特殊符号、字符、生成长度、生成个数等选择功能。
代码结构
1. 引入CSS
<link rel="stylesheet" href="../css/random_pw.css"> <link rel="stylesheet" href="../external/element-ui/css/index.css">
2. 引入JS
<script src="../external/element-ui/js/vue.js"></script> <script src="../external/element-ui/js/index.js"></script> <script src="../js/random_pw.js"></script>
3. HTML代码
<div id="app"> <h3 style="text-align:center">随机密码生成器</h3> <div style="width: 70%;margin: auto;"> <el-form :model="form" :inline="true" ref="form" label-width="100px" class="demo-ruleForm"> <el-form-item label="包含英文"> <el-checkbox-group v-model="form.english"> <el-checkbox label="大写" name="english"></el-checkbox> <el-checkbox label="小写" name="english"></el-checkbox> </el-checkbox-group> </el-form-item> <el-form-item label="包含数字"> <el-switch v-model="form.number"></el-switch> </el-form-item> <el-form-item label="特殊符号"> <el-switch v-model="form.special"></el-switch> </el-form-item> <el-form-item label="不重复"> <el-switch v-model="form.no_repeat"></el-switch> </el-form-item> <el-form-item label="追加结果"> <el-switch v-model="form.append_pw"></el-switch> </el-form-item> <el-form-item label="希望字符"> <el-input v-model.trim="form.hope" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入希望生成的字符"></el-input> </el-form-item> <el-form-item label="必须字符"> <el-input v-model.trim="form.must" placeholder="请输入必须包含的字符"></el-input> </el-form-item> <el-form-item label="排除字符"> <el-input v-model.trim="form.avoid" placeholder="请输入不能生成的字符"></el-input> </el-form-item> <el-form-item label="生成长度"> <el-select v-model="form.password_length" placeholder="活动区域"> <el-option :label="item +' 位'" :value="item" v-for="item in 60" :key="item"></el-option> </el-select> </el-form-item> <el-form-item label="生成个数"> <el-select v-model="form.count_num" placeholder="活动区域"> <el-option :label="item +' 个'" :value="item" v-for="item in 100" :key="item"></el-option> </el-select> </el-form-item> </el-form> </div> <el-divider></el-divider> <div style="margin: 20px 0;"></div> <div style="width: 80%;margin: auto;"> <el-row> <el-input ref="input_passwordtext_ref" id="input_passwordtext" type="textarea" :autosize="{ minRows: 2, maxRows: 2}" placeholder="生成密码输出位置" resize="none" v-model.trim="passwordtext"> </el-input> </el-row> </div> <div style="margin: 20px 0;"></div> <el-row style="text-align:center;padding-bottom: 20px;"> <el-button type="danger" @click="form=default_form_data;$message.success('成功恢复默认设置');" round>恢复默认</el-button> <el-button type="info" @click="passwordtext = ''; $message.success('成功清空');" round>清空密码</el-button> <el-button type="primary" @click="copy" round>复制文本</el-button> <el-button type="success" @click="generate_pw" round>生成密码</el-button> </el-row> </div>文件目录结构
建议适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。
-
人气脚本
-
10.44MB | 简体中文
-
9.5MB | 简体中文
-
12KB | 英文软件
-
DWZ富客户端框架 v1.1.4稳定版本 (jQuery RIA framework) 国人开
4MB | 简体中文
-
8MB | 英文软件
-
js多线程库Concurrent.Thread-full-20080319
256KB | 英文软件
-
5MB | 英文软件
-
easyui 1.2.6 轻量级WEB前端JavaScript框架
222KB | 英文软件
-
16KB | 简体中文
-
-
相关文章
-
网友评论
-
下载声明
☉ 解压密码：www.jb51.net 就是本站主域名，希望大家看清楚，[ 分享码的获取方法 ]可以参考这篇文章
☉ 推荐使用 [ 迅雷 ] 下载，使用 [ WinRAR v5 ] 以上版本解压本站软件。
☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复，谢谢!
☉ 下载本站资源，如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
☉ 如果遇到什么问题，请评论留言，我们定会解决问题，谢谢大家支持!
☉ 本站提供的一些商业软件是供学习研究之用，如用于商业用途，请购买正版。
☉ 本站提供的vue随机密码生成器特效源码资源来源互联网，版权归该下载资源的合法拥有者所有。
