[SOLVED] <f7-message with conditional property

Questions
1

Hi guys!

In the example from https://framework7.io/vue/messages.html there are several properties inside <f7-message>. How I can make one of them conditional?

Like :avatar below:

<f7-message
        v-for="(message, index) in messagesData"
        :key="index"
        :type="message.type"
        :text="message.text"
        :image="message.image"
        :name="message.name"

         //if (something)
        :avatar="message.avatar"
         //endif

        :first="isFirstMessage(message, index)"
        :last="isLastMessage(message, index)"
        :tail="isTailMessage(message, index)"
      ></f7-message>

Thank you!

2

it was a stupid question :slight_smile:
i solved it with function call from :footer="someFunction()"

1 Like