代码之家 › 专栏 › 技术社区 › Knowledge Seeker

在vue中选择选项后,单向绑定失败。js

v-model bind vue.js

Knowledge Seeker · 技术社区 · 5 年前

<p> 还有文本。更改标记应仅影响 <p> .但当我更改下拉值时,我在 <p> 以及在标签中

<span class="wt-select">
    <select id="student_skill" v-model="selected">
        <option v-for="(stored_skill, index) in stored_skills" :key="index.id" :value="stored_skill.id">{{stored_skill}} hours</option>
    </select>
    <p>{{ selected }}</p>
    <input :value="selected" type="text" class="form-control" id="date_time">
</span>

Vue.js get selected option on @change