Skip to main content

pageOnActive

监听页签被激活的事件。

事件描述​

当用户切换到当前页签时触发此事件。此时页面已经可见，可以安全地操作DOM元素。

使用示例​

thisApp.pageOnActive = async (context) => {
  // 页签激活逻辑
  console.log('页签已激活');
  
  // 获取页面上下文
  const pageContext = context.getPageContext();
  
  // 更新页面标题
  pageContext.changeTitle('新的页面标题');
  
  // 获取查询参数
  const params = pageContext.getQueryParams();
  
  if (params.userId) {
    // 根据用户ID加载数据
    const result = await pageContext.graphql(`
      query {
        user:User(criteriaStr: "id = ${params.userId}") {
          id
          name
          email
        }
      }
    `);
    
    console.log('用户数据:', result.user?.[0]);
  }
};

上下文参数​

注意事项​

  • 此事件在页签被激活时触发，页面已经可见
  • 适合执行需要DOM操作或页面刷新的操作
  • 可以在此事件中获取最新的查询参数