vue 的点击事件怎么获取当前点击的元素

有时候要获取所点击元素的内容文本等信息
可以在点击事件里面加上eventevent,这样即可获取。注意,一定是event,
这里你可以在控制台打印一下看看这个参数具体是什么,这个参数里面有很多内容。
如下代码打印的为console.log(e.target.defaultValue)

HTML代码如下

<div class="check-item">
			<input type="radio" name="material_setkeyword_type" id="material_setkeyword_text" value="text" class="regular-radio" v-model="checkedvalue" v-on:click="changeOption($event)"> <label for="material_setkeyword_text"></label>文本
		</div>
		<div class="check-item">
			<input type="radio" name="material_setkeyword_type" id="material_setkeyword_img" value="img" class="regular-radio" v-model="checkedvalue" v-on:click="changeOption($event)"> <label for="material_setkeyword_img"></label>
			图片
		</div>

script代码如下

<script>
export  default{
	data(){
		return{
			checkedvalue:"",
			item:[]
		}
	},
	methods:{
		changeOption:function(e){
			alert(e.target.defaultValue)
			console.log(e)
			var _this =this
			this.axios.get("http://localhost:8080/creturn?can="+e.target.defaultValue).then(function(res){
				_this.item = res.data;
				console.log(_this.item);
			})
			.catch(function(error){
				console.log(error)
			})
		}
	}
}
</script>

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

vue 的点击事件怎么获取当前点击的元素