作用域插槽测试出现的问题

插槽说明

• 插槽的内容在做练习后，对我来说需要再通读几遍使用文档，才逐渐脉络清晰了
• 测试发现uniapp开发微信小程序。较深的传值，在作用域插槽中使用是不支持的。相比在pc端使用如下的例子正常。但是移动端中父组件获取不到深层变量的数值，如user.name
• 父组件

<Test>
   <template v-slot:default="{ user, isActive }">
     <span :class="{ 'text-green-500': isActive }">
       {{ user.name }}
       <i v-if="isActive" class="fas fa-circle text-xs"></i>
     </span>
   </template>
 </Test>

• 子组件

<!-- 子组件 UserList.vue -->
<template>
  <ul>
    <li v-for="user in users" :key="user.id">
      <slot :user="user" :isActive="user.active">
        默认：{{ user.name }}
      </slot>
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      users: [
        { id: 1, name: '张三', active: true },
        { id: 2, name: '李四', active: false },
      ]
    };
  }
};
</script>