中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

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
昭苏县| 拉孜县| 韶山市| 临沭县| 沅江市| 开平市| 浙江省| 荃湾区| 汝阳县| 东城区| 麻城市| 华池县| 安庆市| 龙川县| 尼勒克县| 诸城市| 西城区| 上栗县| 南溪县| 千阳县| 镇沅| 囊谦县| 武安市| 岢岚县| 阳曲县| 手游| 佛学| 浦东新区| 盖州市| 辽宁省| 石林| 重庆市| 资源县| 赤城县| 吉木乃县| 福泉市| 岢岚县| 嘉峪关市| 洞口县| 汪清县| 揭西县|