vue如何獲取點(diǎn)擊事件源的方法
整理文檔,搜刮出一個(gè)vue如何獲取點(diǎn)擊事件源的方法,稍微整理精簡一下做下分享。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>vue click事件獲取當(dāng)前元素對象</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/vue.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body id="app">
<ul>
<li v-on:click="say('hello!', $event)" style="background-color:blue;color:white;">點(diǎn)擊當(dāng)前行獲取下一行</li>
<li>li2</li>
<li>li3</li>
</ul>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
say: function(msg, event) {
//獲取點(diǎn)擊對象
var el = event.currentTarget;
var li2text = $(el).next().text();
alert("當(dāng)前對象的內(nèi)容:"+$(el).text()+" 下一行內(nèi)容:"+li2text);
}
}
})
</script>
</body>
</html>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue實(shí)現(xiàn)動(dòng)態(tài)給id賦值,點(diǎn)擊事件獲取當(dāng)前點(diǎn)擊的元素的id操作
- 對vue下點(diǎn)擊事件傳參和不傳參的區(qū)別詳解
- VUE解決 v-html不能觸發(fā)點(diǎn)擊事件的問題
- Vue v-for循環(huán)之@click點(diǎn)擊事件獲取元素示例
- 在Vue組件中獲取全局的點(diǎn)擊事件方法
- vue通過點(diǎn)擊事件讀取音頻文件的方法
- 解決vue 綁定對象內(nèi)點(diǎn)擊事件失效問題
- vue 項(xiàng)目引入echarts 添加點(diǎn)擊事件操作
- Vue在echarts?tooltip中添加點(diǎn)擊事件案例詳解
- vue使用highcharts自定義圖例點(diǎn)擊事件
相關(guān)文章
vue3組合式API獲取子組件屬性和方法的代碼實(shí)例
這篇文章主要為大家詳細(xì)介紹了vue3組合式API獲取子組件屬性和方法的代碼實(shí)例,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01
vue項(xiàng)目中常用解決跨域的方法總結(jié)(CORS和Proxy)
在vue項(xiàng)目中,一般我們會(huì)遇到跨域的問題,vue項(xiàng)目中解決跨域是非常簡單的,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目中常用解決跨域的方法,主要解釋CROS和Proxy兩種方式,需要的朋友可以參考下2022-12-12
vue如何自動(dòng)化打包測試環(huán)境和正式環(huán)境的dist/test文件
這篇文章主要介紹了vue如何自動(dòng)化打包測試環(huán)境和正式環(huán)境的dist/test文件,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-06-06
vue?element-ui動(dòng)態(tài)橫向統(tǒng)計(jì)表格的實(shí)現(xiàn)
這篇文章主要介紹了vue?element-ui動(dòng)態(tài)橫向統(tǒng)計(jì)表格的實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08
vue 使用element-ui中的Notification自定義按鈕并實(shí)現(xiàn)關(guān)閉功能及如何處理多個(gè)通知
這篇文章主要介紹了vue 使用element-ui中的Notification自定義按鈕并實(shí)現(xiàn)關(guān)閉功能及如何處理多個(gè)通知,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08

