Как выбранное значение из раскрывающегося списка присваивается <small>

Question

Я хочу знать, как выбранное значение из раскрывающегося списка присваивается

Пробовал HTML код:

<h3>
  {{{titles}}}
  <small id="sec_currency">({{{subtitles}}})</small>
</h3>

<select id="cur_rate" @change="onChange()">
    {{#each currencies}}
      <option selected>{{this.currency}}</option>
    {{/each}}
</select>

Vue. js

onChange: function() {
  $('#sec_currency').val($('#cur_rate :selected').text());
}

Когда я попробовал приведенный выше код, я получил ошибку ниже.

[Vue предупреждение]: Ошибка в обработчике v-on: «ReferenceError: Недопустимая левая часть в назначении»

Как это исправить?

Answer 1

Мне удалось это сделать, используя указанный ниже код.

$('#sec_currency').text($('#cur_rate :selected').text());

Answer 2

Функция .text() - это функция-получатель, которая возвращает значение текста, поэтому вы не можете присвоить ей значение. Вам нужно будет найти метод jquery для установки текстового значения этого объекта.