点击某东西后,如何得知点击的是哪个,并执行操作呢

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

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

猜你喜欢

转载自www.cnblogs.com/qiuligao/p/10051509.html
今日推荐