如何在值輸入文本上顯示選擇選項的值？ （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

您需要將演示DIV內部的輸入，因爲這是安裝點，

與v-model只是用引號<input type="text" v-model="selected">

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