第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

在斯維爾特的按鈕上切換類

在斯維爾特的按鈕上切換類

呼喚遠方 2022-09-11 20:31:09
考慮這個斯維爾特代碼{#each filters as filters, i}   <div class='filter-container'>      <div class='button filter' on:click={ () => setFilter(filters.name, filterContext)}>{filters.name}</div>             </div>{/each}上面的過濾器按鈕是根據(jù)某些js對象中的過濾器數(shù)量而制作的。如何創(chuàng)建一個在單擊一個按鈕時為所有篩選器按鈕切換的類。例如。當一個人活躍時，其他人都不活躍？
查看完整描述

2 回答

?
汪汪一只貓

TA貢獻1898條經(jīng)驗 獲得超8個贊

類只是字符串 - 在svelte中，您可以像任何其他屬性一樣將它們綁定到表達式。

例如：

<div class={'button filter ' + (activefilter === filters.name ? 'isactive' : '')}/>

當為 true 時，則按鈕類將變?yōu)?code>activefilter === filters.name'button filter isactive'

還提供了用于切換類的特殊簡短語法。在此處查找更多內(nèi)容


查看完整回答
反對 回復 2022-09-11
?
人到中年有點甜

TA貢獻1895條經(jīng)驗 獲得超7個贊

我們可以輕松地將類名綁定到表達式，以便在表達式變?yōu)檎鎸崟r添加該類：


<script>

    let isActive = false

</script>


<style>

    .active {

        color: red;

    }

</style>


<h1 class:active={isActive}>Hello!</h1>

<button on:click={() => isActive = !isActive}>Click me</button>

在這里，單擊該按鈕可切換布爾值。該類綁定到元素上的該變量，您可以看到顏色現(xiàn)在每次單擊按鈕時都會發(fā)生變化。isActiveactiveh1


這是有關(guān)如何動態(tài)設(shè)置單個類的標準方法。


回復： https://svelte.dev/repl/988df145876a42c49bb8de51d2cae0f2?version=3.23.0


查看完整回答
反對 回復 2022-09-11
  • 2 回答
  • 0 關(guān)注
  • 101 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號