<!DOCTYPE html>
<html lang=”en” xmlns:th=”http://www.thymeleaf.org”>
<head>
<meta charset=”UTF-8″>
<title>密码校验测试</title>
<link rel=”shortcut icon” href=”#”/>
<!– 引入样式 –>
<link rel=”stylesheet” type=”text/css” th:href=”@{/static/element-ui/element-ui.css}”/>
<script th:src=”@{/static/element-ui/polyfill.min.js}”></script>
<script th:src=”@{/static/element-ui/browser.min.js}”></script>
<!– import Vue before Element –>
<script th:src=”@{/static/element-ui/vue.min.js}”></script>
<!– 引入组件库 –>
<script th:src=”@{/static/element-ui/index.js}”></script>
<script th:src=”@{/static/js/axios.min.js}”></script>
</head>
<body>
<div id=”app”>
<el-form id=”form” method=”post” :model=”qryPwdForm” label-width=”0px” ref=”smsLoginForm”>
<el-form-item prop=”consNo” style=”margin-top: 30px;”>
<el-input type=”text” name=”username” v-model=”qryPwdForm.consNo”
prefix-icon=”el-icon-user”
placeholder=”用户名”></el-input>
</el-form-item>
<el-form-item prop=”passWord” style=”margin-top: 30px;”>
<el-input type=”text” name=”passWord” v-model=”qryPwdForm.passWord”
prefix-icon=”el-icon-user”
placeholder=”密码”></el-input>
</el-form-item>
<el-button name=”commit” type=”primary” style=”width:100%;” @click=”qrytPwd()”>确定</el-button>
</el-form>
</div>
<script>
new Vue({
el: ‘#app’,
data: function () {
return {
qryPwdForm: {
username: ”,
passWord: ”,
}
}
},
mounted() {
},
created() {
},
methods: {
qryPwd: function () {
document.getElementById(“form”).submit();
}
}
});
</script>
</body>
</html>