async onLoad(option) {
时间: 2023-06-27 08:00:10 浏览: 205
这是一个 JavaScript 中的异步函数,常用于小程序开发中。在小程序中,每个页面都有自己的生命周期,`onLoad` 是其中之一,表示页面加载时会触发的事件。在这个函数中,你可以获取页面传递过来的参数,进行一些初始化操作,比如渲染页面、发送网络请求等等。由于网络请求等操作需要一定的时间,因此使用异步函数可以确保其它代码不会因为等待时间过长而被阻塞。同时,也可以使用 `await` 关键字等待异步操作完成后再执行下一步操作。
相关问题
async onLoad(option) { console.log("传递参数为", option) let {boardingPoint,dropoffPoint} = option this.setData({ boardingPoint, dropoffPoint })
这段代码是在小程序的页面加载时执行的,使用了async/await语法。在页面加载时,会将传入的参数option打印出来,同时使用对象解构将其中的boardingPoint和dropoffPoint取出,并将它们作为data中的属性进行设置,最后将它们渲染到页面上。这样,在这个页面中就可以使用boardingPoint和dropoffPoint这两个属性了。
代码讲解<script> import wPicker from "@/components/w-picker/w-picker.vue"; import xiaEditor from '@/components/xia-editor/xia-editor'; import multipleSelect from "@/components/momo-multipleSelect/momo-multipleSelect"; export default { data() { return { cross:'', ruleForm: { xuehao: '', xueshengxingming: '', biaoti: '', tupian: '', liaotianneirong: '', fasongshijian: '', wodexuehao: '', wodexingming: '', shhf: '', }, xuehaoOptions: [], xuehaoIndex: 0, // 登录用户信息 user: {}, ro:{ xuehao : false, xueshengxingming : false, biaoti : false, tupian : false, liaotianneirong : false, fasongshijian : false, wodexuehao : false, wodexingming : false, shhf : false, }, } }, components: { wPicker, xiaEditor, multipleSelect }, computed: { baseUrl() { return this.$base.url; }, }, async onLoad(options) { this.ruleForm.fasongshijian = this.$utils.getCurDateTime(); let table = uni.getStorageSync("nowTable"); // 获取用户信息 let res = await this.$api.session(table); this.user = res.data; // ss读取 this.ruleForm.wodexuehao = this.user.xuehao this.ro.wodexuehao = true; this.ruleForm.wodexingming = this.user.xueshengxingming this.ro.wodexingming = true; // 下2 res = await this.$api.option(`xuesheng`,`xuehao`,{}); this.xuehaoOptions = res.data; // 如果有登录,获取登录后保存的userid this.ruleForm.userid = uni.getStorageSync("userid") if (options.refid) { // 如果上一级页面传递了refid,获取改refid数据信息 this.ruleForm.refid = options.refid; this.ruleForm.nickname = uni.getStorageSync("nickname"); } // 如果是更新操作
这是一个 Vue.js 的组件,其中引用了三个子组件:w-picker、xiaEditor 和 multipleSelect。在 data 中定义了一些变量,包括 cross、ruleForm、xuehaoOptions 等。其中 ruleForm 包含了一些表单数据,如 xuehao、xueshengxingming、biaoti 等。通过 computed 属性定义了 baseUrl 变量,通过 async onLoad 方法获取用户信息、选项等数据,并进行相应的赋值和判断。如果 options.refid 存在,则将其赋值给 ruleForm.refid,并将 nickname 读取出来。最后,根据更新操作进行相应的处理。
阅读全文