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

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

vue2中如何實現廣播機制?

vue2中如何實現廣播機制?

梵蒂岡之花 2018-10-15 05:38:10
如下偽代碼<l1 id="1">     <l2></l2>     <l2></l2></l1><l1 id="2">     <l2></l2>     <l2></l2></l1><l1 id="3">     <l2></l2>     <l2></l2></l1>初始時“l1”均處于閉合狀態,通過對l1綁定click事件,可以控制展開/關閉自身。但如何實現展開自身的同時關閉其他“l1”呢?求助給個思路。
查看完整描述

1 回答

?
心有法竹

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

用不著廣播,仔細從數據驅動的角度來考慮,用一個數據 curIdx 表示當前展開的組件,那么可以通過下面的類綁定來實現你所要的展開折疊狀態控制:

<l1 v-for="(item, idx) in items" :class="curIdx === idx ? 'expanded' : 'collapsed'" @click="curIdx = idx">

  <l2></l2>

</l1>


查看完整回答
反對 回復 2018-11-01
  • 1 回答
  • 0 關注
  • 508 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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