Blogger Information
Blog 17
fans 0
comment 0
visits 23111
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
Vue下拉选择选中原来的数据
飞鸿先森的博客
Original
1578 people have browsed it

在编辑信息的时候,进入编辑页面所有数据应该都是数据库中的,有的数据是通过下拉框选择的,那这时候怎么选择数据库中的那个数呢,使用Vue.js编写代码的时候,可以使用v-model进行表单输入绑定。示例代码如下:

<select class="select" name="peopleNum" id="peopleNum" size="1" v-model="peopleNum">  
    <option value="50人以下">50人以下</option>  
    <option value="50-100人">50-100人</option>  
    <option value="100-200人">100-200人</option>  
    <option value="200-300人">200-300人</option>  
    <option value="300-400人">300-400人</option>  
    <option value="400-500人">400-500人</option>  
    <option value="500-1000人">500-1000人</option>  
    <option value="1000-2000人">1000-2000人</option>  
    <option value="2000人以上">2000人以上</option>  
</select>

其中peopleNum就是原始数据库中的数据,根据数据自动选择到下拉选项,更多介绍,请点击下方链接:

https://cn.vuejs.org/v2/guide/forms.html#选择框


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post