element多选select

element的select具有多选属性，当加上这属性时，那么v-model绑定的数据会变成一个数组，数组里的每条对象是选择的下拉框选项。
本来挺正常的，但是呢后端需要的字段类型是字符串，那么提交时就要做重组，下拉框的value绑定的是对象，那么v-model绑定的数组中每个对象都有两个字段nama/code,需要将数组进行遍历取出每个对象的name和code，再分别用顿号连接并存进两个临时变量，再将临时变量作为提交对象的两个新增属性的属性值(这不是重点)。
看似没有问题，然而一运行就会报错
1.arr.some is not a function
2.下拉框只响应第一次修改

报错1是因为element下拉框组件对象为数组，不能直接改变其类型，否则其内部组件的封装方法会报错，则只能在将绑定对象赋值操作后才能做数据重组
报错2是因为vue不能监听动态属性的添加修改删除，所以界面不会响应，但其实value是发生了变化得，则用vue.$set代替Object.xxx的方式设置/修改属性

element多选select相关推荐

基于Vue和Element-UI自定义分组以及分组全选Select 选择器
文章目录基于Vue和Element-UI自定义分组以及分组全选Select 选择器在这里插入图片描述源代码基于Vue和Element-UI自定义分组以及分组全选Select 选择器上一篇博文 ...
VUE ELEMENT UI 清空select 下拉选项
VUE ELEMENT UI 清空select 下拉选项 1.select代码 <el-form ref="searchForm" :inline="true&qu ...
关于Element UI中select组件中遇到的问题
问题一:在使用select组件设置多选功能后,窗口抖动问题? 详细描述:在我使用select做多选的功能时出现了窗口抖动的问题,测试的时候发现,在有些人的电脑上抖动,有些人的电脑上不抖,找了很多文档, ...
JQuery设置checkbox的值，取checkbox的值，设置radio的值，取radio的值，设置下拉选select的值，取select的值...
一.复选框设置参数 html代码如下: <div class="flsm_btns"> <input type="hidden& ...
element vue 获取select 的label_vue+elementui实现省市区三级联动
老大喊你起来营业了醒醒,打工人!开始工作了,今天讲讲我的踩坑记录吧! 这次我们用的是vue-admin-webapp,基于 vue 和 element-ui 采用了最新的前端技术栈来开发一个管理系统 ...
element vue 获取select 的label_Vue动态组件component的深度使用
背景介绍最近在封装一些基于Vue+ElementUI的组件,将一些实际项目中常用的,有一定规律的业务进行抽象总结,开发出相应的Vue组件. 组件封装首先想到的就是Form组件,在Element U ...
html设置下拉筛选可以多选,select下拉框（支持筛选、多选）
Chosen 是一个支持jQuery的select下拉框美化插件,它能让丑陋的.很长的select选择框变的更好看.更方便.不仅如此,它更扩展了select,增加了自动筛选的功能.它可对列表进行分组, ...
jQuery模拟下拉框单选框复选Select，Checkbox，Radio
在项目中,你会发现设计稿中常常会有单选框,复选框,但都不是系统默认的样式,这就可以用jquery来模拟它们: 如图所示,实现它们所需要的代码如下: 首先需要引入的代码: <link rel=&q ...
element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）
在项目开发的时候用到了el-scrollbar组件并且设置了隐藏横向滚动条下面展示一些内联代码片. // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hid ...

element多选select

element多选select相关推荐

最新文章

热门文章