91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

vue如何獲取當前點擊的元素

vue
養魚的貓咪
456
2021-05-10 14:29:04
欄目: 編程語言

在vue中獲取當前點擊元素的方法:1.新建html項目,引入vue;2.插入div標簽,綁定click事件;3.插入腳本標記,寫入事件函數;

vue如何獲取當前點擊的元素

具體步驟如下:

1.首先,新建一個html項目,并在項目中引入vue;

<!DOCTYPE html>

<html>

<head>

<script src="./js/vue.js"></script>

<title></title>

</head>

<body>

</body>

</html>

2.vue引入好后,在項目中插入一個div標簽,并將click事件與v-on標記進行綁定;

<!DOCTYPE html>

<html>

<head>

<script src="./js/vue.js"></script>

<title></title>

</head>

<body>

<div id="btnClick">

<button v-on:click = "searchBtn()">A</button>

<button v-on:click = "searchBtn()">B</button>

<button v-on:click = "searchBtn()">C</button>

</div>

</body>

</html>

3.最后,click事件綁定好后,在項目中插入腳本標記并寫入事件函數即可獲取當前點擊的元素;

<!DOCTYPE html>

<html>

<head>

<script src="./js/vue.js"></script>

<title></title>

</head>

<body>

<div id="btnClick">

<button v-on:click = "searchBtn()">A</button>

<button v-on:click = "searchBtn()">B</button>

<button v-on:click = "searchBtn()">C</button>

</div>

<script>

let v =new Vue({

el:"#btnClick",

methods:{

searchBtn:function(btn){

alert(btn);

console,dir(btn):

}

}

});

</script>

</body>

</html>

0
高州市| 平阴县| 阜平县| 泸溪县| 麟游县| 红原县| 繁昌县| 凌源市| 鹤庆县| 富阳市| 庆阳市| 绥芬河市| 西吉县| 卫辉市| 乌拉特前旗| 徐水县| 垦利县| 得荣县| 镇坪县| 大化| 娄烦县| 西林县| 永福县| 山阳县| 宁强县| 九寨沟县| 丹寨县| 屏山县| 华宁县| 鲁甸县| 崇阳县| 石狮市| 新绛县| 盐池县| 田林县| 如东县| 额尔古纳市| 罗平县| 普兰店市| 葵青区| 含山县|