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

vue elementui如何獲取當(dāng)前鼠標(biāo)的位置？

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

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

</div>

讓app=New Vue（{

El:“app”，

data:{

message:“app”]}，

方法：{

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

touchstart（E）{

]控制臺(tái).log（“touchstart”）

}，

//鼠標(biāo)移動(dòng)時(shí)觸發(fā)

touchmove（E）{控制臺(tái).log（“touchmove”）

}

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

//獲取x坐標(biāo)

e.targettouches[0]。Clientx

//獲取y坐標(biāo)

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。導(dǎo)入vue-resource2。基于全局Vue對(duì)象，使用HTTP//通過(guò)someurl獲取后臺(tái)數(shù)據(jù)，成功后執(zhí)行then代碼Vue.http.get獲?。ā?someurl”，[選項(xiàng)]）。然后（successcallback，errorcallback）3。在Vue實(shí)例中使用$HTTP//$HTTP是在Vue$http.get獲?。ā?someurl”，[選項(xiàng)]）。Then（successcallback，errorcallback）描述：發(fā)送請(qǐng)求后，使用Then方法處理響應(yīng)結(jié)果。then方法有兩個(gè)參數(shù)，第一個(gè)參數(shù)是響應(yīng)成功時(shí)的回調(diào)函數(shù)，第二個(gè)參數(shù)是響應(yīng)失敗時(shí)的回調(diào)函數(shù)。