首先添加一个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点击

不过数字的方法更为简单,因为不需要定义值,可以直接使用

 posted on 2018-12-01 22:42  秋黎膏  阅读(263)  评论(1)    收藏  举报