uni-app 微信小程序 skyline 不支持自定义组件的 lifetimes 生命周期

uni-app 微信小程序 skyline 不支持自定义组件的 lifetimes 生命周期

信息类别 详细信息
产品分类 uniapp/小程序/微信
PC开发环境 Mac
操作系统版本 12.6.3
开发者工具 vscode 1.87.0
基础库版本 3.0.0-3080720230703001
项目创建方式 CLI
CLI版本号 3.0.0-3080720230703001

示例代码：

<script lang="ts">  
export default {  
  lifetimes: {  
    ready: function () {  
      console.log("component lifetimes is ready next tick");  
    },  
  },  
};  
</script>

操作步骤：

<script lang="ts">  
export default {  
  lifetimes: {  
    ready: function () {  
      console.log("component lifetimes is ready next tick");  
    },  
  },  
};  
</script>

预期结果：

应该在控制台打印对应提示

实际结果：

控制台无任何打印提示

bug描述：

微信小程序自定义组件的 created ready等生命周期已经放入lifetimes内, 目前uniapp好像不支持此参数生命周期


更多关于uni-app 微信小程序 skyline 不支持自定义组件的 lifetimes 生命周期的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

为什么没人回复呢？

更多关于uni-app 微信小程序 skyline 不支持自定义组件的 lifetimes 生命周期的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 的微信小程序 Skyline 渲染模式下，确实存在一些限制，尤其是在自定义组件的生命周期方面。根据微信小程序官方的文档和 uni-app 的兼容性说明，Skyline 渲染模式对自定义组件的生命周期支持并不完全，特别是 lifetimes 生命周期钩子。

1. lifetimes 生命周期钩子的限制

在微信小程序的 Skyline 渲染模式中，自定义组件的 lifetimes 生命周期钩子可能无法正常使用。lifetimes 是微信小程序基础库 2.8.1 引入的特性，用于在自定义组件中定义更细粒度的生命周期钩子，例如 created、attached、ready、detached 等。

在 Skyline 渲染模式下，这些钩子可能无法触发或表现异常。因此，如果你在 uni-app 中使用了自定义组件，并且在 Skyline 模式下运行，可能需要避免使用 lifetimes 生命周期钩子。

2. 替代方案

如果你需要在 Skyline 渲染模式下使用自定义组件，可以尝试以下替代方案：

2.1 使用 page 生命周期钩子

如果需要在页面级别处理生命周期逻辑，可以将生命周期逻辑放在页面的生命周期钩子中，而不是自定义组件的 lifetimes 中。

export default {
  onLoad() {
    // 页面加载时的逻辑
  },
  onUnload() {
    // 页面卸载时的逻辑
  },
  // 其他页面生命周期钩子
}

2.2 使用 methods 或 watch 实现逻辑

如果需要在自定义组件中处理一些逻辑，可以通过 methods 或 watch 来实现。例如，监听某个数据的变化，并在变化时执行相应的逻辑。

export default {
  data() {
    return {
      someData: null,
    };
  },
  watch: {
    someData(newVal, oldVal) {
      // 数据变化时的逻辑
    },
  },
  methods: {
    someMethod() {
      // 自定义方法
    },
  },
};

2.3 使用 mounted 等 Vue 生命周期钩子

在 uni-app 中，自定义组件是基于 Vue 的，因此可以使用 Vue 的生命周期钩子，例如 mounted、updated、destroyed 等。这些钩子在 Skyline 渲染模式下通常可以正常工作。

export default {
  mounted() {
    // 组件挂载后的逻辑
  },
  destroyed() {
    // 组件销毁前的逻辑
  },
};
回到顶部