如何在值輸入文本上顯示選擇選項的值？ （vue.js 2）

Question

我的代碼是這樣的：

<div id="demo">
  <div>
    <select class="form-control" v-model="selected" required>
      <option v-for="option in options" v-bind:value="option.id">{{ option.name }}</option>
    </select>
    {{selected}}
  </div>
</div>

<input type="text" :name="elementName" v-model="{{selected}}">

在此處查看完整代碼： https ： //fiddle.jshell.net/stvct9er/1/

在組合框上選擇后，我想在輸入文本上顯示選擇選項的值

我嘗試上面的代碼。 但這不起作用

拜托，幫我解決我的問題

Answer 1

您需要在demo div內移動輸入，因為這是安裝點，

對於v-model只需使用引號<input type="text" v-model="selected">

https://fiddle.jshell.net/stvct9er/2/