亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue+bootstarp 用for循環遍歷出數據,按鈕被重復觸發

vue+bootstarp 用for循環遍歷出數據,按鈕被重復觸發

瀟瀟雨雨 2019-03-06 14:15:18
只想觸發當前點擊按鈕,并不想觸發全部點擊事件,請問怎么解決? 急,在線等<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>
查看完整描述

3 回答

?
HUH函數

TA貢獻1836條經驗 獲得超4個贊

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

建議看看vue的事件修飾符


查看完整回答
反對 回復 2019-03-21
?
慕雪6442864

TA貢獻1812條經驗 獲得超5個贊

click 綁定事件處理函數改為:

@click="toggle"


查看完整回答
反對 回復 2019-03-21
?
至尊寶的傳說

TA貢獻1789條經驗 獲得超10個贊

阻止冒泡事件,具體api可參考官網怎么阻止冒泡


查看完整回答
反對 回復 2019-03-21
  • 3 回答
  • 0 關注
  • 514 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號