您现在的位置是:网站首页> 编程资料编程资料
vue实现加载页面自动触发函数(及异步获取数据)_vue.js_
2023-05-24
347人已围观
简介 vue实现加载页面自动触发函数(及异步获取数据)_vue.js_
加载页面自动触发函数
实例
methods:{ onCreate:async function() { const router = useRouter() const route = useRoute() const { id = '', f = 1 } = route.query console.log("======="+id) const res = await reqGetOrderNumByClientId({ clientId: id }) console.log("-------------------"+res+res.msg) if (res.code === 200) { await router.push({ path: '/app/create', query: { id: id, f: f } }) } else { Dialog.alert({ title: '提示', message: res.msg, showCancelButton: false, confirmButtonText: '确定' }) } } }, mounted:function () { //自动触发写入的函数 this.onCreate(); } 触发模板为
methods: { demo() { } }, mounted: function () { alert('页面一加载,就会弹出此窗口') }要在fuction() 前面用async修饰、外部调用前面用await修饰,不然就会获取不到数据。
页面加载时,触发某个函数的方法

需要在加载页面的时候调用生成验证码的click事件函数
解决方法如下
利用Vue中的mounted
mounted:function(){ this.createcode();//需要触发的函数 } //下面是createcode函数 createcode(){ var self = this; axios.post("/verifycode",{name:this.name,id:this.id}).then(function(res){ //console.log(res); var url= JSON.parse(res.data.code64); //console.log(url) self.urlIMg = url.data.base64Code; }); },以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- Vue页面加载完成后如何自动加载自定义函数_vue.js_
- 结合康熙选秀讲解vue虚拟列表实现_vue.js_
- 微信小程序缓存过期时间的相关设置(推荐)_javascript技巧_
- js实现网页换肤_javascript技巧_
- vue2.x版本中computed和watch的使用及关联和区别_vue.js_
- vue前端优雅展示后端十万条数据面试点剖析_vue.js_
- vue传值的编码和解码方式_vue.js_
- vue2.x版详解computed和watch的使用_vue.js_
- Vue3编程流畅技巧使用setup语法糖拒绝写return_vue.js_
- JS实现网站换肤_javascript技巧_
