代码拉取完成,页面将自动刷新
<!-- 这是教师详细信息 -->
<div class="title">
当前位置>>详细信息
</div>
<div class="tab">
<div class="box">
邮箱:<input type="email" placeholder="邮箱" v-model="email"><br>
电话:<input type="text" placeholder="请输入手机号码" v-model="tel"><br>
住址:<input type="text" placeholder="家庭住址" v-model="address"><br>
<button type="button"
style="margin-top:15px;background-color:rgb(236, 69, 69);border:none;padding: 5px 8px;border-radius: 5px;color: #fff;"
@click="detailChange()">确认修改</button>
</div>
</div>
</div>
<!-- 设置baseurl -->
<script src="js/baseUrl.js"></script>
<script>
// var emailReg=new RegExp('^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$')
var obj = new Vue({
el: '.box',
data: {
email: '',
tel: '',
address: ''
},
mounted: function () {
this.getDetail()
},
methods: {
// 信息回显
getDetail: function () {
Ajaxrequest("tea", BaseUrl + '/showTeacherInfo', 'post', null, function (data) {
if (data.code === 0) {
toastr.success(data.msg);
obj.email = data.temail;
obj.tel = data.ttel;
obj.address = data.tadress;
} else {
toastr.warning(data.msg);
}
}, function () {
toastr.error("操作失败,请重试")
})
},
// 修改信息方法
detailChange: function () {
if (this.email == "" || this.tel == "" || this.address == "") {
return false
} else {
var data = {
email: this.email,
tel: this.tel,
adress: this.address
}
Ajaxrequest("tea", BaseUrl + '/teacherUpdateInfo', 'post', JSON.stringify(data),
function (data) {
if (data.code === 0) {
toastr.success(data.msg)
obj.getDetail()
} else {
toastr.warning(data.msg)
}
},
function () {
toastr.error("操作失败,请重试")
})
}
}
}
})
</script>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。