先定义再使用否则报错：Unhandled error during execution of watcher callback

古田兔子

已于 2025-01-03 16:25:30 修改

阅读量361

点赞数 2

分类专栏：前端文章标签： javascript 前端 typescript

于 2025-01-03 16:24:39 首次发布

本文链接：https://blog.youkuaiyun.com/Mr_TianSDQ/article/details/144912852

版权

前端专栏收录该内容

39 篇文章

订阅专栏

Watch 或者 watchEffect中使用的方法必须放在前面，如下图，getList方法必须放在watchEffect之前进行定义并初始化否则会报错：

Unhandled error during execution of watcher callback

正确示范：

//正确示例

<script setup lang="ts">

const getList = async (prjSn: string) => {
  //你的方法
};

watchEffect(async () => {
  if (props.prjSn) {
    getList (props.prjSn);
  }
});

</script>

错误示范

//错误示例

<script setup lang="ts">
watchEffect(async () => {
  if (props.prjSn) {
    getList (props.prjSn);
  }
});

const getList = async (prjSn: string) => {
  //你的方法
};
</script>