鍍金池/ 問答/HTML/ vue+bootstarp 用for循環(huán)遍歷出數(shù)據(jù),按鈕被重復(fù)觸發(fā)

vue+bootstarp 用for循環(huán)遍歷出數(shù)據(jù),按鈕被重復(fù)觸發(fā)

只想觸發(fā)當前點擊按鈕,并不想觸發(fā)全部點擊事件,請問怎么解決? 急,在線等

<b-card no-body style="background-color:#181b2a;">
  <b-tabs pills card>
    <b-tab title="你好" active>

      <div v-for="(item,index) in ByTicket" :key="index" class="content">

        <div class="left">
          <div class="d-flex align-items-start">
            <div class="crownbg">
              <p class="crown text-center">{{index+1}}</p>
            </div>

            <div class=" flex-column">
              <h3>{{item.title}}</h3>
              <span class="text-info">{{item.name}}</span>
            </div>
          </div>
        </div>

        <b-btn @click="toggle()" class="btn btn-outline-info">查看介紹</b-btn>

        <div v-show="isShow">
          <p class="card-text text-light">{{item.resume}}</p>
          <a href="#">123</a>
          <a href="#">123</a>
        </div>
回答
編輯回答
柒槿年

click 綁定事件處理函數(shù)改為:

@click="toggle"
2017年3月27日 20:44
編輯回答
脾氣硬

使用@click.stop="toggle()", @click.stop可以阻止單擊事件繼續(xù)傳播

建議看看vue的事件修飾符

2017年9月26日 16:09
編輯回答
涼汐

阻止冒泡事件,具體api可參考官網(wǎng)怎么阻止冒泡

2018年2月28日 21:01