vue elementui如何獲取當前鼠標的位置？代碼示例：<div id=“app”><div class=“circle”@touchstart=“touchstart”@touchm

vue elementui如何獲取當前鼠標的位置？

代碼示例：<div id=“app”>

<div class=“circle”@touchstart=“touchstart”@touchmove=“touchmove”></div>

</div>

讓app=New Vue（{

El:“app”，

data:{

message:“app”]}，

方法：{

//鼠標單擊時觸發(fā)，類似單擊事件

touchstart（E）{

]控制臺.log（“touchstart”）

}，

//鼠標移動時觸發(fā)

touchmove（E）{控制臺.log（“touchmove”）

}

在事件回調(diào)中使用e.targettouches屬性。

//獲取x坐標

e.targettouches[0]。Clientx

//獲取y坐標

e.targettouches[0]。Clienty

使用Vue資源組件提供的一系列api:get（URL，[data]，[success]，[options]）post（URL，[data]，[success]，[options]）put（URL，[data]，[success]，[options]）patch（URL，[data]，[success]，[options]）delete（URL，[data]，[success]，[options]）jsonp（URL，[data]，[success]，[options]）具體示例具體如下：1。導入vue-resource2。基于全局Vue對象，使用HTTP//通過someurl獲取后臺數(shù)據(jù)，成功后執(zhí)行then代碼Vue.http.get獲取（“/someurl”，[選項]）。然后（successcallback，errorcallback）3。在Vue實例中使用$HTTP//$HTTP是在Vue$http.get獲?。ā?someurl”，[選項]）。Then（successcallback，errorcallback）描述：發(fā)送請求后，使用Then方法處理響應結(jié)果。then方法有兩個參數(shù)，第一個參數(shù)是響應成功時的回調(diào)函數(shù)，第二個參數(shù)是響應失敗時的回調(diào)函數(shù)。