setInlineProgress не определяется ошибка FrameWork7-vue - PullRequest
Новая
       11

setInlineProgress не определяется ошибка FrameWork7-vue

0 голосов
/ 12 октября 2018

Я пытаюсь реализовать индикатор выполнения на основе документов.Здесь я нашел несколько примеров, и функция установлена ​​в объекте методов.

Я объявил функцию, но когда я пытаюсь ее использовать, она говорит, что функция не определена.Я даже не могу напечатать console.log внутри, поэтому функция вообще не выполняется.Я буду рад услышать некоторые предложения.Спасибо. 

<template id="page-highpth">
      <f7-page>
          <f7-navbar>
              <f7-nav-left title="Form" back-link="" sliding>
                <f7-link back-link="Back" ></f7-link>
              </f7-nav-left>
              <f7-nav-center sliding>High or rising PTH</f7-nav-center>
              <f7-nav-right>
                <f7-link icon="icon-bars" open-panel="right"></f7-link>
              </f7-nav-right>
          </f7-navbar>
          <f7-block strong>
            <p><f7-progressbar :progress="10" id="demo-inline-progressbar"></f7-progressbar></p>
            <f7-segmented raised>
              <f7-button @click="setInlineProgress(10)">10%</f7-button>
              <f7-button @click="setInlineProgress(30)">30%</f7-button>
              <f7-button @click="setInlineProgress(50)">50%</f7-button>
              <f7-button @click="setInlineProgress(100)">100%</f7-button>
            </f7-segmented>
          </f7-block>
      </f7-page>
    </template>

app.js 

var app = new Vue({
  el: '#app',
  methods: {
    toHomeScreen(){
      this.$f7.getCurrentView().router.back({ pageName: 'home-page', force: true});
      this.$f7.closePanel();
    },
    setInlineProgress(value){
      const self = this;
      const app = self.$f7;
      console.log(value);
      app.progressbar.set('#demo-inline-progressbar', value);
    }
  },
  // Init Framework7 by passing parameters here
  framework7: {
    root: '#app',
    /* Uncomment to enable Material theme: */
    // material: true,
    routes: [
      {
        path:'/',
        name: 'home'
      }
      ,
      {
        path: '/education/',
        component: 'page-education'
      },
      {
        path: '/ckdmbddef/',
        component: 'page-mbddef'
      },  

    ],

  }
});

1 Ответ

0 голосов
/ 12 октября 2018

Хорошо, примерно через 6 часов я окончательно понял, что для доступа к функции мне нужно сослаться на нее.

var app = new Vue ({... blah});

Все, что мне нужно было сделать, это: app.setInlineProgress () в моем коде, а не setInlineProgress ();

Надеюсь, это кому-нибудь пригодится.

...