希望增加一个配置不需要在每个页面都定义uniLayout的ref

[Shigukj]

对问题的清晰和简明的描述

我在layouts写了公共组件并且defineExpose 抛出。我要通过PageInstance获取每个页面的方法

推荐的解决方案

在配置中增加是否自动加入ref，而不是需要每个页面添加const uniLayout = ref()

替代方案

No response

额外上下文

No response

检查

• 遵循我们的 行为准则
• 检查是否已经有一个要求相同功能的问题，以避免重复创建。

[skiyee]

可以结合例子说明一下？没能理解其中的关联？

[Shigukj]

layout.vue

<script setup>
const toastRef = ref()
defineExpose({
  toastRef
})
</script>
<template>
<view class="page-app">
 <toast ref="toastRef" />
 </view>
</template>

utils.js

/**
 * @description 显示消息提示框
 * @param {string} title 提示的内容，长度与 icon 取值有关。
 * @param {number} duration 提示的延迟时间，单位毫秒，默认：2000
 */
export function toast(title: string, type?: 'none' | 'success' | 'loading' | 'error' | 'fail' | 'exception' | 'warning' | undefined, duration = 1000, complete?: AnyFn) {
  try {
    let hasIcon = true
    if (type === undefined || type === 'none')
      hasIcon = false
    const pages = pagesInstance()
    if (pages.length > 0) {
      pages[pages.length - 1].$vm.$refs.uniLayout.toastRef.show({
        type,
        icon: hasIcon,
        message: title,
        duration,
        complete,
      })
    }
  }
  catch (err) {
    if (type === 'warning')
      type = 'none'
    uni.showToast({
      title: String(title),
      icon: type || 'none',
      duration,
    })
  }
}

通过refs调取每个页面上的toast组件，我就要在每个页面上写 const uniLayout = ref() ，不然获取不到 uniLayout

[skiyee]

@ModyQyW 大哥，看看这个issue

[skiyee]

在一个页面内 const uniLayout = ref() 确实有点奇怪，看不出uniLayout是被谁引用，有点不符合直觉

咱能否放一个option: enableLayoutRef: boolean

[skiyee]

由于团队各成员时间问题，欢迎各位朋友提交该与功能相关的PR

[feige996]

不懂就问，这个是啥意思啊，我2个都用了，没生效，打印出来都是 undefined ,请问我用得不对吗。layout:tabbar 和 page 都试了，都是 undefined. 如下图

[skiyee]

不懂就问，这个是啥意思啊，我2个都用了，没生效，打印出来都是 undefined ,请问我用得不对吗。layout:tabbar 和 page 都试了，都是 undefined. 如下图

👋 需要是 onReady/onMounted 这种生命周期下才能获取到 ref 的值

tips: const uniLayout = ref() 只能在 页面 下才能生效

[LittleTurtle2333]

不懂就问，这个是啥意思啊，我2个都用了，没生效，打印出来都是 undefined ,请问我用得不对吗。layout:tabbar 和 page 都试了，都是 undefined. 如下图

我以前也没用明白然后放弃了

[LittleTurtle2333]

是因为vue3 setup写法所以不能在onLoad中用吗，为啥readme.md上面写的onLoad生命周期

[feige996]

不懂就问，这个是啥意思啊，我2个都用了，没生效，打印出来都是 undefined ,请问我用得不对吗。layout:tabbar 和 page 都试了，都是 undefined. 如下图

👋 需要是 onReady/onMounted 这种生命周期下才能获取到 ref 的值

tips: const uniLayout = ref() 只能在 页面 下才能生效

OK ,我去试试

[feige996]

是因为vue3 setup写法所以不能在onLoad中用吗，为啥readme.md上面写的onLoad生命周期

我之前翻了下源码都没看出来怎么用。。功力不够啊^_^

[KeJunMao]

这确实是个错误设计，应该提供一个 useLayout 函数，直接获取到就合理多了

[JamesMackerel]

在一个页面内 const uniLayout = ref() 确实有点奇怪，看不出uniLayout是被谁引用，有点不符合直觉

咱能否放一个option: enableLayoutRef: boolean

如果我没理解错的话，在 vue 3.5 之后有一个更加容易理解的方法： useTemplateRef 。但是现在 uni-app 还没支持？