页面初始化里的异步处理

    created() {
      this.init()
    },
          async  init(){
       await treeselect().then(response => {
          let treeData = response.data.filter((res)=>{
            return res.id===2||res.parentId === 2
          })
          this.treeLength = treeData.length-1

          this.deptOptions = this.handleTree(treeData, "id");
          this.leafTree = treeData.filter((ite)=>{
              return ite.parentId === 2
          })
          console.log('1')
        })
        /* await this.getTreeselect() */
        await getBaseRank().then((res)=>{
          console.log('2')
          this.ranksOptions = res
        })
        await this.formdataRouter()
      },
JavaScript中正确异步加载和初始化TMap Geocoder通常涉及到以下几个步骤: 1. **引入依赖**:首先,你需要从TMap的官方网站或者CDN获取最新的TMap JavaScript库,包括Geocoder部分。例如,你可以使用`<script>`标签从CDN加载: ```html <script src="https://api.telerik.com/maps/your-version.min.js"></script> ``` 替换`your-version`为实际版本号。 2. **延迟加载**:由于TMap可能很大,为了避免阻塞页面渲染,可以使用`async`或`defer`属性加载库,或者使用模块化加载库(如RequireJS、Webpack等)在需要的时候加载: ```html <script async src="path/to/TMap.min.js"></script> ``` 3. **注册回调**:在`window.onload`或使用自定义的DOMContentLoaded事件监听器,确保地图和Geocoder已经加载完毕: ```javascript window.addEventListener('load', function() { // 初始化Geocoder initGeocoder(); }); function initGeocoder() { if (window.TMap && window.TMap.Geocoder) { var geocoder = new TMap.Geocoder(); // 使用geocoder进行地址解析或其他操作... } else { console.error("TMap or Geocoder not loaded yet"); } } ``` 4. **错误处理**:添加适当的错误处理机制,以便在加载失败时给出提示: ```javascript if (!window.TMap || !window.TMap.Geocoder) { console.error("TMap or Geocoder not found. Check your script references."); } ``` 这样,当你需要使用Geocoder服务时,它会在合适的时机被自动创建出来,不会因初始化过早导致错误。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值