满口金牙 2022-06-01 01:38 采纳率: 91.5%
浏览 53
已结题

Vue3 响应式,且是函数返回的值,请教不low的写法

目的:customMenu 要是响应式的, 且每次返回的值,是动态的 通过函数处理出来的。
下面的代码可以达到目的,但感觉有点Low,请教简单的写法



import {customRef} from "vue";
const customMenu = myRef(1,10)  // 



  function myRef(value:number, delay:number) {
    let timeout
    return customRef((track, trigger) => {
      return {
        get() {
          value = menuLeftData.value.filter(item => item.edit).length  // 主要是要这个处理一下
          track() // 通知Vue追踪value的变化
          return value
        },
        set(newValue:number) {
          timeout = setTimeout(() => {
            value = newValue
            trigger() // 通知Vue去重新解析模板
          }, delay)
        }
      }
    })
  }

  • 写回答

4条回答 默认 最新

  • web修理工 2022-06-01 16:53
    关注

    动态数据可以computed 处理一下,格式优美

    
        const count = ref(1);
        const plusOne = computed(() => count.value + 1);
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 6月9日
  • 已采纳回答 6月1日
  • 创建了问题 6月1日

悬赏问题

  • ¥15 Vue3 大型图片数据拖动排序
  • ¥15 划分vlan后不通了
  • ¥15 GDI处理通道视频时总是带有白色锯齿
  • ¥20 用雷电模拟器安装百达屋apk一直闪退
  • ¥15 算能科技20240506咨询(拒绝大模型回答)
  • ¥15 自适应 AR 模型 参数估计Matlab程序
  • ¥100 角动量包络面如何用MATLAB绘制
  • ¥15 merge函数占用内存过大
  • ¥15 使用EMD去噪处理RML2016数据集时候的原理
  • ¥15 神经网络预测均方误差很小 但是图像上看着差别太大