vue 的点击事件怎么获取当前点击的元素
有时候要获取所点击元素的内容文本等信息可以在点击事件里面加上event,这样即可获取。注意,一定是event,这样即可获取。注意,一定是event,这样即可获取。注意,一定是event,这里你可以在控制台打印一下看看这个参数具体是什么,这个参数里面有很多内容。如下代码打印的为console.log(e.target.defaultValue)HTML代码如下<div class="...
有时候要获取所点击元素的内容文本等信息
可以在点击事件里面加上
e
v
e
n
t
,
这
样
即
可
获
取
。
注
意
,
一
定
是
event,这样即可获取。注意,一定是
event,这样即可获取。注意,一定是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>
更多推荐
所有评论(0)