当前位置: 首页 > 工具软件 > Owl Carousel > 使用案例 >

【ODOO OWL】工具 Owl 的 Utils

慕容灿
2023-12-01

Utils

Owl导出了一些有用的实用程序功能,以帮助解决常见问题。这些功能在 owl.utils 命名空间中都可用。

  • whenReady:在DOM就绪时执行代码
  • loadJS:加载脚本文件
  • loadFile:加载文件(对模板很有用)
  • escape:字符串转义
  • debounce:限制函数调用频率
  • shallowEqual:对象浅比较

whenReady

whenReady函数返回一个在DOM准备好时解析的Promise对象,如果还没有准备好,则直接解析)。如果以回调作为参数调用,它会在DOM就绪时立即执行(或直接执行)。

Promise.all([loadFile("templates.xml"), owl.utils.whenReady()]).then(function ([templates]) {
    const qweb = new owl.QWeb({ templates });
    const env = { qweb };
    await mount(App, { env, target: document.body });
});

或者换一个例子

owl.utils.whenReady(function () {
    const qweb = new owl.QWeb();
    const env = { qweb };
    await mount(App, { env, target: document.body });
});

loadJS

 类似资料: