vue 异步获取数据,vue动态异步加载组件
本文主要介绍vue对加载页面自动触发功能(和异步数据采集)的实现,具有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。
目录
加载页面会自动触发功能实例。加载页面时,触发函数的方法如下
加载页面自动触发函数
实例
方法:{
onCreate:异步函数(){
const router=useRouter()
const route=useRoute()
const { id= ,f=1 }=route.query
console . log(======== id)
const RES=await reqGetOrderNumByClientId({
客户端Id: id
})
console.log( - res res.msg )
if (res.code===200) {
等待router.push({
路径:“/app/create”,
查询:{
id: id,
福:福
}
})
}否则{
Dialog.alert({
标题:“提示”,
消息:res.msg,
showCancelButton: false,
确认按钮文本:“确定”
})
}
}
},
Mounted:function () {//自动触发写入的函数
this . oncreate();
}
触发器模板是
方法:{
演示(){
}
},
已安装:函数(){
Alert(该窗口将在页面加载后立即弹出)
}
在fuction()前面使用async,在外部调用前面使用await,否则得不到数据。
页面加载时,触发某个函数的方法
当页面需要加载时,调用生成验证码的click事件函数。
解决方法如下
安装在Vue中使用
已安装:函数(){
this . create code();//需要触发的功能
}
//下面是createcode函数
createcode(){
var self=this
axios.post(/verifycode ,{name:this.name,id:this.id})。然后(函数(res){
//console . log(RES);
var URL=JSON . parse(RES . data . code 64);
//console.log(url)
self . URL img=URL . data . base 64 code;
});
},
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。