V-for item in items

Collaboration
#1

https://anymod.com/mod/oknar am I allowed to do it this way?

ySAfej
ySAfej.png847×574 20.1 KB

If I place the v-for=“item in items” into the UL Element, then the UL-Element will repeat itself, which is not desired. If I wrap another DIV around the UL-element, then my CSS-Rules will break. I can see i accieved my goal successfully already by adding the v-for=“item in items” into the LI Element together with the v-text=item" itself. I just wanted to know if there is a better approach I might take? I consulted the “Guide-Docs” but the documentation was no help on how to use repeat-fields. I am a bit embarrassed to bother you with this. Not super-relevant anyway, As I found a way to make it work

#2

This is not super-relevant , as I found a way to make it work. Just not sure if this is a proper way to use repeat Items. The issue was that while I was using the UL-Element the result was not as hoped for. Anyway. I would love the Documentation to help me on questions like “repeat fields”. As you can see from this mod: https://anymod.com/mod/rrdln I basically know how to deal with the repeat fields now. I taught myself how to propperly use repeat fields from one of the available anymod-templates. I just copied the logic from there. Only the UL elements resulted in a markup structure I did not expect (when adding the “items in item” attribute to it)

#3

Yes that is exactly the right way to use v-for :+1:

If you ever want to know the syntax for Vue.js, you can find docs there: https://vuejs.org/v2/guide/list.html#Mapping-an-Array-to-Elements-with-v-for