OnsenUI2 с VUE2 - как переместить поповер в стек страниц

Я использую VUE2 и OnsenUI2 в этом Codepen.

Вот некоторые выдержки из HTML:

<v-ons-button @click="push">Push Page 2</v-ons-button>
<v-ons-button @click="showPopover($event, 'right')" style="align-self: flex-start">Pop it right</v-ons-button>

и некоторые выдержки из Javascript:

const page1 = { key: 'page1', template: '#page1',
    methods: { 
        push(){ this.$emit('push-page', page2); }
        // I tried putting the showPopover here and using this.$parent... 
    }
};
new Vue({
  el: '#app',
  template: '#main',
  data() { return {
    popoverVisible: false,
    popoverTarget: null,
    popoverDirection: 'up',
    coverTarget: false,
    pageStack: [page1]
    };
  } 
});

Смена страницы работает - так что VUE работает нормально, и нет проблем с HTML или javascript, взятыми из примера страницы OnsenUI2 VUE для Popover.

Глядя на инструменты разработчика Chrome, я получаю это сообщение (и еще 57 похожих сообщений):

Property or method "popoverVisible" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

Я ссылаюсь на следующие CDN:

Что не так с моим кодом? Или я должен загружать CDN в другом порядке?

Источник

0 ответов

Другие вопросы по тегам