首先添加一个click
<span @click="first(1)">一</span> <span @click="first(2)">二</span> <span @click="first(3)">三</span> <span @click="first(4)">四</span> <span @click="first(5)">五</span>
其中的 1 2 3 4 5 也可以是个对象,稍后再说
方法体:
first: function (tt) { if (tt === 1) { } else if (tt === 2) { } else if (tt === 3) { } else if (tt === 4) { } else if (tt === 5) { } }
在其中的if else if 中加入执行的操作即可
tt是一个形参,12345是实参,将数字赋给tt,以此确定是哪个点击了
如果将html中的数字改为对象
<span @click="first(one)">院长致辞</span>
就需要在data中定义,可以定义为一段字符串也可以为空,但是如果要定义多个则内容不能相同
one: null
在此只定义一个,为空没问题,在方法中传值即为one,判断时可以判断one是否为null,以此来判断shifou点击
不过数字的方法更为简单,因为不需要定义值,可以直接使用