開閉

by

クリックによる開閉を行いたい。
ニュースなどタイトルだけ表示してクリックすると内容が展開する奴。

いろいろとあるみたいだが、自分でやってみた。
Laravel Inertiaなので、Vueによる画面表示。

まず、送られてくるニュースのカウントで配列を宣言しようとしたが、うまくいかない。
なので、配列は宣言だけ。

 v-for="(item, i)

として、iでカウントをとる。

詳細表示用のdivには、v-if="ddl[i]"
として配列ddlのIDが一致するときだけ表示するようにする。

ボタンには関数をセット。@click="resetvalue(i)


const resetvalue = (i) => {
    if (i == tl.value) {
        ddl[i] = false;
        tl.value = 99;
    } else {
        ddl[tl.value] = false;
        ddl[i] = true;
        tl.value = i;
    }
}

よくわからないが、変数にIDをセットして、それをtemplateの中で使わないと動作しなかった。
インスタンスの関係？