1. 程式人生 > >點選某東西后,如何得知點選的是哪個,並執行操作呢

點選某東西后,如何得知點選的是哪個,並執行操作呢

首先新增一個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點選

不過數字的方法更為簡單,因為不需要定義值,可以直接使用