vue随机密码生成器 vue随机密码生成器特效源码 下载

来源:脚本之家  责任编辑:小易  
脚本大小:416KB 脚本语言:简体中文 脚本类型:国产软件 脚本授权:免费软件 更新时间:2021-03-24 17:22:55 脚本类别:其它框架 相关链接: 未知官方  演示地址 网友评分:脚本评分 应用平台:javascript

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及以下浏览器。

下载地址如下:

网硕互联电信下载

港中数据电信下载

河南紫田网通下载

易阳网络电信下载

  • 本文相关:
  • bat密码生成器代码 我要四位随机生成的代码 注意是bat
  • 求密码生成器,能随机生成10-26位,字母和数字混合...
  • 怎么保存这个网站的源码?这个是vue写的模版,我想...
  • vue中用随机数做element表格的key合适吗?
  • 用plc怎么编写随机密码生成器
  • 如何破解随机密码生成器
  • 随机密码生成器、密码卡、密码文件放哪安全
  • 随机密码生成器应具备哪些默认功能?
  • 卡号密码生成器 确定按钮代码
  • 怎样利用Vue动态生成form表单
  • 网站首页脚本下载广告代码js框架批处理网页相关源码下载网站地图菜单导航tab标签焦 点 图在线客服影音播放相册代码flash特效vbscript其它全屏广告对联广告悬浮漂浮图片特效翻牌书角其他代码jqueryextjsprototypemootoolsajax/javascript其它框架系统优化网络相关文件管理注册表项文本字符安全防毒加密解密特效动画修改更换显示隐藏dos/bathtml5css特效asp源码.net源码php源码jsp源码网页编辑器数据库管理源码黑客源码其它源码主页脚本下载js框架其它框架vue随机密码生成器特效源码three.js+html5实现的锦鲤灯笼背景动画特效源码html5+modernizr.js绘制的地球和月亮动画效果源码three.js 实现环绕地球飞行的3d飞行线动画效果源码aframe.js构建虚拟现实全景图相册切换动效源码vue+css3实现文字飞入飞出动画特效代码vue.js任务列表 可本地存储任务数据特效代码echarts考试分数统计蜘蛛网图表实例vue.js表格实现表头首行固定代码js网页表格数据导出excel文件代码原生js颜色选择色值拾取(拾色器)插件js点击弹出可拖动计算器代码js网页在线计算器工具代码vue.js项目评估流程结构图形特效代码vue实现复制功能演示代码vue随机密码生成器ext js 3.1.1 官方最新版下载ext js 3.1.1 官方最新版下载下载yui-ext yahoo yui类库官方下载yui-ext yahoo yui类库官方下载下载ie-css3.js 让ie支持高级css3选择器ie-css3.js 让ie支持高级css3选择器下载dwz富客户端框架 v1.1.4稳定版本 (jquery ria framework) 国人开dwz富客户端框架 v1.1.4稳定版本 (jquery ria framework) 国人开下载dojo base 1.3.2 (28k gzipped)dojo base 1.3.2 (28k gzipped)下载dojo v1.6 官方最新版同步下载dojo v1.6 官方最新版同步下载下载日本人写的js多线程库concurrent.thread-full-20080319日本人写的js多线程库concurrent.thread-full-20080319下载easyui 1.2.6 轻量级web前端javascript框架easyui 1.2.6 轻量级web前端javascript框架下载boxover js 提示框 tip提示效果boxover js 提示框 tip提示效果下载找不到分享码?vue随机密码生成器特效源码three.js+html5实现的锦鲤灯笼背景动画特效源码html5+modernizr.js绘制的地球和月亮动画效果源码three.js 实现环绕地球飞行的3d飞行线动画效果源码aframe.js构建虚拟现实全景图相册切换动效源码vue+css3实现文字飞入飞出动画特效代码vue.js任务列表 可本地存储任务数据特效代码echarts考试分数统计蜘蛛网图表实例vue.js表格实现表头首行固定代码js网页表格数据导出excel文件代码分享码的获取方法迅雷winrar v5vue随机密码生成器特效源码three.js+html5实现的锦鲤灯笼背景动画特效源码html5+modernizr.js绘制的地球和月亮动画效果源码three.js 实现环绕地球飞行的3d飞行线动画效果源码aframe.js构建虚拟现实全景图相册切换动效源码vue+css3实现文字飞入飞出动画特效代码vue.js任务列表 可本地存储任务数据特效代码echarts考试分数统计蜘蛛网图表实例vue.js表格实现表头首行固定代码js网页表格数据导出excel文件代码chrome
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved