Как я могу обновить заголовок элемента аккордеона, используя цикл v-for внутри F7+Vue?

Как я могу обновить заголовок элемента аккордеона, используя цикл v-for внутри F7+Vue? Мне нужно, чтобы заголовок каждого элемента аккордеона был установлен в заголовок каждого объекта внутри массива myList, который зацикливается с использованием v-for.

Вот пример ниже:

            <f7-list-item v-for="value in myList" accordion-item title="{{value.Title}}">
              <f7-accordion-content>
                <f7-block>
                  <p>{{value.foo}}</p>
                  <p>{{value.boo}}</p>
                </f7-block>
              </f7-accordion-content>
            </f7-list-item>

          </f7-list>

vue.js v-for html-framework-7
person jremi    schedule 21.04.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Из-за того, что мне потребовалось время, чтобы понять, как я буду использовать текущий F7 + Vue Accordion с v-for для вставки элемента заголовка ... кажется, что это невозможно. Я могу ошибаться. В итоге я решил это, используя стандартные компоненты, отличные от f7 + vue...

пример:

          <div class="list accordion-list">
            <ul>
              <li class="accordion-item" v-for="value in myList">
                <a href="#" class="item-link">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title">{{value.Title}}</div>
                    </div>
                  </div>
                </a>
                <div class="accordion-item-content">
                  <div class="block">
                      <p>{{value.foo}}</p>
                      <p>{{value.boo}}</p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
person jremi    schedule 21.04.2018