vue安装了crypto.js,在用户登录按钮里怎么使用加密和解密?直接引入还是要得新建一个js文件?
<template>
<div>
<!-- 登录框 -->
<div id="Mask" v-show="login_content"></div>
<div class='login_content' v-show="login_content">
<form id='signin_form' class='form-horizontal'>
<div class='control-group'>
<strong class='control-label login-label' for='name'>username:</strong>
<div class='controls login-controls'>
<input class='input-xlarge login-input' id='name' name='name' size='30' placeholder="itcode"
type='text' autofocus v-model="username"/>
</div>
</div>
<div class='control-group'>
<strong class='control-label login-label' for='pass'>password:</strong>
<div class='controls login-controls'>
<input class='input-xlarge login-input' id='pass' name='pass' size='30' type='password'
v-model="password"/>
</div>
</div>
<div class='form-actions login-submit'>
<input class="span-primary login-cancel" type='button' value='cancel' @click="login_content = !login_content"/>
<input type='button' class='span-primary login-submit-btn' value='login' @click="submitLogin('enter')"/>
</div>
</form>
</div>
</div>
</template>
<script>
import Axios from "axios"
import CryptoJS from 'crypto-js'
export default {
data() {
return {
username: "",
password: "",
login_content: false, //登录弹框
}
},
created(){
//登录回车键
var vi = this;
document.onkeydown = function(e){
if(window.event == undefined){
var key = e.keyCode;
}else{
var key = window.event.keyCode;
}
if(key == 13){
vi.submitLogin('enter');
}
}
},
methods: {
// 登录框
Login(){
this.login_content = true;
},
// 登录方法
submitLogin(){
let name = this.username
let pass = this.password
if(name == '' || name == null){
alert("请输入正确的用户名");
}else if(pass == '' || pass == null){
alert("请输入正确的密码");
}
let api = '/arTham/arTham/login';
let data = {"name": this.username, "pass": this.password,};
if(res.data.success = true){
console.log("登陆成功!")
this.login_content = false;
sessionStorage.setItem('username',this.username); //将当前的登录用户名存入session中
// this.$router.push({path:"cmr"}); // 跳转页面
}else{
alert("用户名或密码错误");
this.username = '';
this.password = '';
}
})
.catch((e)=>{
console.log(e);
})
}
}
}
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论