[SOLVED] F7-Vue v3, help to understand

Questions
1

Hi, learning vue. there is a code:

    <f7-list accordion-list>
      <f7-list-item accordion-item v-for="item in supers" :title="item" :after="item">
        <f7-accordion-content>Content {{item}} </f7-accordion-content>
      </f7-list-item>
    </f7-list>

is displayed: title=“item” :after=“item” , but the code Content {{item}} is not displayed.
what could be?

2

Code looks correct, issue could be somewhere else, would be good to see JSFiddle with the issue

3

app.js

var supers = [‘foo’, ‘do’, ‘ret’];
var app = new Framework7({
root: ‘#app2’,
name: ‘My App2’,
id: ‘com.myapp.test2’,
panel: {
swipe: ‘left’
},
routes: []
});
Framework7.use(Framework7Vue);
new Vue({
el: ‘#app’,
data() {
return {
f7params: {
routes: [],
name: ‘My App’,
id: ‘com.myapp.test’
}
};
},
methods: {}
});

4

Start from one of ready to use F7-Vue templates http://framework7.io/templates/

And in F7-Vue you shouldn’t call new Framework7 it is already called by f7-app component

5

Владимир, не было времени, занят был, но сегодня разобрался, вне проектов делал админку для простого сайта. Ну и решил применить F7+vue. Серверная часть на node вкупе с hbs, отправлял html через render, вот hbs и рендерил {{ }} по своему. Убрал hbs и все заработало. )))

1 Like