vue学习六 元素点击触发事件(无v-for父子关系)

1.在学习vue项目中，需使用如下需求：点击按钮后，遮罩层显示出来。本来若有v-for父子关系的，可以使用index进行循环遍历实现，而无关联的元素，则需要绑定类class来实现。

2.对点击元素绑定方法

<img src="../../static/pic/btn-info.png" alt="" class="btn-info" v-on:click="displayInfo">

3.对遮罩层设置class绑定元素

<div class="fixed-info" :class="[styles]"></div>

4.对styles进行点击方法的设置

styles:null,

methods:{
displayInfo(){
this.styles='display';
}
}