Level 3

解決済み

Sightly: Including components in a loop.

Forum|Forum|2 years ago
April 14, 2023
2 の返信
1020 ビュー

Hi There,

I am including text component using slightly in for loop

</div>

but when text component render on the page it will render single id for all the text component, so only the last component is editable. Can anyone suggest me on this.

このトピックへの返信は締め切られました。

ベストアンサー AsifChowdhury

Hello @lavishvasuja,

You have taken the index in the v-for, so you can use it to set a variable to build a unique ID:

<sly data-sly-set.itemId="item-${index}"></sly>

Then you can call the resource:

<sly data-sly-resource="${itemId @ resourceType='constellar-core/components/title'}"></sly>

you can try this manner hope it will work for you.

Thanks

Ravi_Pampana

Community Advisor

Hi,

You need to have unique value for the node name instead of constant when we are looping, something like below

lavishvasuja作成者

Level 3

Hi Ravi,

I tried as you have suggested but not working.

AsifChowdhury

回答

Community Advisor

Hello @lavishvasuja,

You have taken the index in the v-for, so you can use it to set a variable to build a unique ID:

<sly data-sly-set.itemId="item-${index}"></sly>

Then you can call the resource:

<sly data-sly-resource="${itemId @ resourceType='constellar-core/components/title'}"></sly>

you can try this manner hope it will work for you.

Thanks

サインアップ

ソーシャルログイン

コミュニティへログイン

ソーシャルログイン

ファイルをウイルススキャンする。

このファイルはダウンロードできません