Javascript 如何从下拉列表中选择值分配给<;小型>;

Javascript 如何从下拉列表中选择值分配给<;小型>;,javascript,vue.js,Javascript,Vue.js,我想知道下拉列表中的选定值是如何分配给 已尝试的HTML代码: <h3> {{{titles}}} <small id="sec_currency">({{{subtitles}}})</small> </h3> <select id="cur_rate" @change="onChange()"> {{#each currencies}} <

我想知道下拉列表中的选定值是如何分配给

已尝试的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 warn]:v-on处理程序中的错误:“ReferenceError:赋值中的左侧无效”


如何修复此问题?

函数
.text()
是一个返回文本值的getter函数,因此不能为其赋值。您需要找到一个jquery方法来设置该对象的文本值。

我可以使用下面提到的代码来实现这一点

$('#sec_currency').text($('#cur_rate :selected').text());
我尝试将代码命名为
$('#sec_currency').val($('#cur_rate:selected').text())。但它也不起作用。
$('#sec_currency').text($('#cur_rate :selected').text());