如何在值输入文本上显示 select 选项的值？ (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/

在组合框上 select 之后，我想在输入文本上显示 select 选项的值

我像上面的代码一样尝试。但是不行

请帮我解决我的问题

Answer 1

您需要将输入移动到演示中 div 因为这是挂载点，

与 v-model 一起使用引号 <input type="text" v-model="selected">

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