>本节讲解的内容对前面的章节具有依赖性,如果看起来有困难,请先看本系列前面的章节 ## 一、本节说明 上一节我们使用v-model指令,绑定input标签type=radio和type=checkbox,分别实现了单选和多选的视图向模型数据的绑定。这一节我们使用select标签和option标签,结合v-model实现单选和多选的视图向模型数据的绑定。 ## 二、 怎么做 ![](https://img.kancloud.cn/2d/7a/2d7a15d1c51fe161a17da7c5d66b95da_892x764.png) * v-model绑定模型数据mvp,实现单选效果 * v-model绑定模型数据allDefensiveTeam,结合multiple属性实现多选效果 * 多选选项的模型数据为数组类型 * 可以为单选及多选设置默认值,即:默认的勾选项 ## 三、 效果(动态图) ![](https://img.kancloud.cn/27/ca/27ca13aa34a5b76d73a63fe9406d5a71_470x300.gif)