Vue.js——v-model结合select类型——2020.11.22-白红宇的个人博客

Vue.js——v-model结合select类型——2020.11.22

发布日期：2021-05-07 07:08:45 浏览次数：22 分类：技术文章

本文共 394 字，大约阅读时间需要 1 分钟。

一丶v-model：select

和checkbox一样，select也分单选和多选两种情况

单选：只能选中一个值
- v-model绑定的是一个值
- 当我们选中option中的一个时，会将它对应的value赋值到mySelect中

多选：可以选中多个值
- v-model绑定的是一个数组
- 当选中多个值时，就会将选中的option对应的value添加到数组mySelects中

二丶代码实战


   
   
   
     
     Title
   
      
      
    您选择的水果是：{  {fruit}}
  
    
      
      
    您选择的水果是：{  {fruits}}

三丶运行结果

在这里插入图片描述

——时人不识凌云木，直待凌云始道高——

上一篇：Vue.js——input中的值绑定——2020.11.22

下一篇：Vue.js——v-model结合checkbox类型——2020.11.22

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

推荐文章

Python 使jupyter notebook 从指定浏览器启动以及编程中途更换浏览器 2019-03-04

设计模式之组合模式 2019-03-04

（恋上数据结构笔记）：优先级队列（Priority Queue） 2019-03-04

（Python学习笔记）：字典 2019-03-04

（C++11/14/17学习笔记）：并发基本概念及实现,进程、线程基本概念 2019-03-04

（C++11/14/17学习笔记）：线程启动、结束，创建线程多法、join，detach 2019-03-04

leetcode 14 最长公共前缀 2019-03-04

做做Java 2019-03-04

map的find函数和count函数 2019-03-04

C++并发与多线程（一） 2019-03-04

7628 EDCCA认证寄存器修改(认证自适应) 2019-03-04

计算机网络子网划分错题集 2019-03-04

java一些基本程序 2019-03-04

卷积神经网络六之CNN反向传播计算过程 2019-03-04

神经元与神经网络一之概述 2019-03-04

FANUC机器人R-30iB_R-30iB PLUS备件规格型号统计整理 2019-03-04

FANUC机器人的镜像备份操作及U盘格式化具体步骤 2019-03-04

vue-依赖-点击复制 2019-03-04

js井子棋 2019-03-04

LeetCode 116填充每个节点的下一个右侧结点指针 2019-03-04

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457117092 位访客