vue-mouse-position

vue-mouse-position

get the current mouse position

Build Setup

安装

npm install --save-dev vue-mouse-position

使用

// 导出组件
import Mouse from './assets/common/mouse.js'

// 注册组件
export default{
	components: {
	    Mouse
	},
}

// 模板调用
<template>
  <div id="app">
    <Mouse :render="renderPosition"></Mouse>
  </div>
</template>

// 获取下x，y的值
methods:{
	renderPosition({x, y}) {
	  return `<h1>当前鼠标的位置是${x}, ${y}</h1>`
	}
}