Как выбранному элементу сопоставить метод?

Question

[panikev]

Здравствуйте! Скажите пожалуйста, как организовать запуск определенного метода при нажатии на кнопку "сформировать график" после выбора элемента из списка (скрин во вложении)
вот кусок кода

<md-card-content>
         <div class="md-layout md-gutter">
      <div class="md-layout-item">
        <md-field>
          <label for="movie">график</label>
          <md-select v-model="graph" name="graph" id="graph">
            <md-option value="Summary_Invoices">Счета</md-option>
            <md-option value="Summary_Sales">Продажи</md-option>
            
          </md-select>
        </md-field>
        {{graph}}
      </div>

Comments

[ⓒⓢⓢ]

не очень так и понятно в чём вопрос, если мы повесим обработчик клика на кнопку - то чем он не устраивает?
например что-нибудь такое:

<button @click="myMethod">Сформировать график</button>

при таком подходе у вас метод срабатывает До выбора элемента из списка - в этом вопрос?

[ⓒⓢⓢ]

вообщем я к тому, что если метод у вас всё же работает, то можете в этом методе проверять переменную "graph" - в этой переменной, по идее, должно лежать значение выбранного элемента из списка.

[panikev]

ⓒⓢⓢ, да, я так и хотел сделать. Но в зависимости от выбранного графика запускается его формирование. И код у этих двух графиков тоже разный

[ⓒⓢⓢ]

panikev, но а сами значения списка критичны? вместо значения в виде строки "Summary_Invoices" вы можете передать ссылку на метод ...

[ⓒⓢⓢ]

ещё как вариант, если "Summary_Invoices" - это и есть название метода, который должен выполниться, то такой метод можно вызвать по вычисляемому имени, например:
this[this.graph]();
развернётся в это:
this.Summary_Invoices();
https://jsfiddle.net/gazcq7fy/

[panikev]

ⓒⓢⓢ, спасибо огромное! это то, что нужно) Но, если я хочу, чтобы метод вызывался не при изменении значения, а при нажатии на кнопку "сформировать график". Я понимаю, что Ваш способ удобнее, просто интересно

[ⓒⓢⓢ]

panikev, в моём примере, при событии "change" запускается обработчик handlerChange - в нём идёт вызов нужного метода по имени ...
Вы можете убрать у select "change" и добавить для вашей кнопки @click="handlerChange"
То есть для вас полезная должная быть только вот эта строка this[this.selectMethod](); - а как и при каком событии вы её выполните, это уже зависит от вашей реализации.
только учтите, что изначально в переменной может и не быть имени метода, (ещё не выбрали выпадающий список), поэтому нужна проверка:

this[this.selectMethod] && this[this.selectMethod]();