userMouse.ts 411 B

12345678910111213141516171819
  1. import {ref ,onMounted} from "vue"
  2. export default function(){
  3. const x = ref(1)
  4. const y = ref(-1)
  5. //点击事件的回调函数
  6. const clickHandle = (event: any)=>{
  7. x.value = event.pageX
  8. y.value = event.pageY
  9. }
  10. //页面加载完毕,在进行点击的操作
  11. //页面加载完毕的生命周期
  12. onMounted(()=>{
  13. window.addEventListener('click',clickHandle)
  14. })
  15. return{
  16. x,y
  17. }
  18. }