vue 页面调用另一个页面的方法
由于开发需要,我需要在登录成功请求成功后,调用自定义组件页面的一个点击事件方法,让方法立即执行,经过思考后,想出了解决方法,特此记录一下页面关系:登录页跳转到主页,主页有调用自定义组件页面(登录页) 登录页的亮点主要就是在这里,在跳转成功的时候,携带一个布尔值到主页去主页:调用了自定义组件方法自定义组件:...
·
由于开发需要,我需要在登录成功请求成功后,调用自定义组件页面的一个点击事件方法,让方法立即执行,经过思考后,想出了解决方法,特此记录一下
页面关系:登录页跳转到主页,主页有调用自定义组件
页面(登录页) 登录页的亮点主要就是在这里,在跳转成功的时候,携带一个布尔值到主页去
// 开始,请求接口
async start() {
const res = await StartExaminationApi({ //此页面为登录页
data: [],
s: "200",
});
if (res.msg == "success") {
this.$message({
message: "考试开始,祝您成功!",
type: "success",
});
this.$router.push({ name: "Dashboard", params: { start: true } });
//登录页的亮点主要就是在这里,在跳转成功的时候,携带一个布尔值到主页去
}
},
},
主页:调用了自定义组件方法
<template>
<div class="box">
<!-- 使用自定义组件,并添加一个ref-->
<mySetting ref="mysetting"></mySetting>
</div>
</template>
<script>
mounted() {
if (this.$route.params.start) {
//判断登录后,点击开始后,是否传布尔值过来,如果布尔值true存在,就调用子组件的方法startCount
this.$refs["mysetting"].startCount();
}
},
</script>
自定义组件:
<script>
startCount() {
this.$refs.countdown.countTime();//此为自定义组件方法,需要跳转成功后,立即执行该方法
},
</script>
更多推荐
已为社区贡献4条内容
所有评论(0)