useMousePosition函数会有 Missing return type on function.警告，请问：如果要写函数的返回类型，要怎么写

Question

import { ref, onMounted, onUnmounted } from ‘vue’

function useMousePosition () {
const x = ref(0)
const y = ref(0)
const updateMouse = (e: MouseEvent) => {
x.value = e.pageX
y.value = e.pageY
}
onMounted(() => {
document.addEventListener(‘click’, updateMouse)
})
onUnmounted(() => {
document.addEventListener(‘click’, updateMouse)
})
return { x, y }
}

export default useMousePosition

useMousePosition会有警告，要怎么定义这个函数的返回类型

Answer 1

张轩 2022-01-08 10:15:26

同学你好 ts 针对函数是由自动推论的 所以这条规则可以关掉 在 eslintrc 中设置一下，

将鼠标放上去就有具体的类型 请看截图：

或者你可以按照提示，写成对应的类型，也就是

import { Ref } from 'vue'
interface ReturnType {
    x: Ref<number>;
    y: Ref<number>;
}
function useMousePostion(): ReturnType {
}

我认为这样做是没有必要的

• 提问者 ChelFannie #1

  好的，解决了，谢谢老师

• 爱前端的小鑫 #2

  eslintrc 怎么设置关闭这个提示呢

• 雨花凉 回复 爱前端的小鑫 #3

  You can also configure ESLint to ignore this rule if you don’t want to enforce it in your code. To do this, you can add the following to your .eslintrc.js file: {
    "rules": {
      "@typescript-eslint/explicit-function-return-type": "off"
    }
  }