vue_cli如何创建选择框进行多选

 时间:2026-02-14 18:09:30

1、首先使用HBuilder X创建一个vue-cli项项目,一个空白项目。

vue_cli如何创建选择框进行多选

2、data中声明一个数组参数selected,selected用来监控选择框进行多选择的信息。

vue_cli如何创建选择框进行多选

3、html内容中写入一个select标签内部写三个选项标签option,select标签添加multiple 进行多选属性,select标签添加属性v-model与数组参数selected进行绑定。

vue_cli如何创建选择框进行多选

4、使用浏览器展现效果

vue_cli如何创建选择框进行多选

5、选择后的展现

vue_cli如何创建选择框进行多选

  • 夏日跳舞需要注意哪些?
  • 耳鸣怎么办,教你如何治疗耳鸣及耳鸣秘方
  • 如何选购配方奶粉?
  • 华为nova9pro怎么还原出厂模式
  • 小闲巴渝棋牌获取房卡的途径
  • 热门搜索
    中秋节英语手抄报 法律手抄报内容 英语手抄报资料 欢庆六一手抄报资料 普通话手抄报20字 数学手抄报图片四年级 国庆节手抄报图片大全简单又漂亮 国庆节手抄报简单又漂亮 庆国庆手抄报简单漂亮 无烟日手抄报