elementui form表单控件选择不能触发check

已于 2022-04-19 20:57:51 修改
阅读量236 收藏
点赞数
文章标签： vue.js 前端 elementui
于 2022-04-19 20:51:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013306050/article/details/124283221
版权

今天碰到一个elementui坑，elementui form表单单选控件与多选选控件点击时不能触发check,后来发现是因为初始化绑定moduel对象，没有把每一个属性声明默认值，只声明一个最外层空对象导致。
解决方法就是在初始化和重置的时候都把每个属性都声明默认值。
做个记录

努力前进的小徐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
elementui 按钮 表单_Vue ElementUi动态表单(多个表单) 的校验及提交
weixin_39866857的博客
12-19 713
用户：小明用户：小红{{item.formName}}提交export default {mounted(){this.userChange('xm')//模拟登录的是小明},data () {return {makeData:[{formRef:'formFirst',//表单refformModel:{user:'',region:''},//表单modelformShow:'',//表单是否...
Element-UI组件之表单Form
TwentyOne__的博客
07-03 5011
Element-UI组件之表单FormRadio 单选框基础用法禁用状态单选框组按钮样式带有边框Checkbox 多选框基础用法禁用状态多选框组indeterminate 状态可选项目数量的限制按钮样式带有边框Input 输入框基础用法禁用状态可清空密码框带 icon 的输入框文本域可自适应文本高度的文本域复合型输入框尺寸带输入建议自定义模板远程搜索输入长度限制 Radio 单选框 基础用法 &...
ElementUI表格表头自定义添加checkbox，点击不生效问题
weixin_43660626的博客
04-16 2698
点击不生效是因为在表头的template中没有添加slot-scope=“scope”，添加上就可以正常点击。
element事件（change,click）不触发
qq_45600228的博客
07-12 558
下午搞了半天，checkbox的change事件死活不触发，也不报错，官网也搜了，也上网查了，最后问同事才知道，因为span标签里面的click事件，挡住了下面的change事件。外面标签有事件的话就不要继续嵌套事件了 长个教训。造成这个问题的原因很多，给大家提供一个思路。
Element-ui中 表单（Form）校验的几种形式 及 表单嵌套表格含上传（Upload）组件的综合案例
明天也要努力的博客
10-20 1663
基础姿势/自定义姿势 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> <el-form-item label="年龄
element-ui 框架的checkbox组件 详解
Hero_rong的博客
11-15 1万+
<el-checkbox-group v-model="form.powerIdArr" @change="changeGroup"> <el-checkbox @change='changeLick' v-for="item in powerList" :label="item.powerId" name="type">{{item.powerDescr...
基于javascript的Form表单验证
10-20
本文将深入探讨如何使用JavaScript进行基于Form表单的验证。表单验证是确保用户输入数据有效性和完整性的关键步骤，可以防止无效数据提交到服务器，从而提高用户体验并减少服务器处理错误数据的压力。 首先，我们来...
antd vue表单验证_ant design vue框架中自定义表单或单个表单框验证
weixin_39636079的博客
01-26 4178
一.项目要求1.要求：点击新增按钮弹出新增页面，在输入名称时进行验证，当输入名称和列表下的名称相同，即后台数据库中存在，此时将会提醒用户，该名称已存在，2.要求：该名称不存在，则新增成功 二.思路1.错误的思路我刚开始的思路是，准备在点击新增页面中的确定按钮时进行验证，但此时会存在一个问题：——点击确定时，已经调用了后台新增接口，此时新增的需要输入的表单数据已经传给后台，此时并不能做到验证名称是...
Memory_Check.rar_memory_memory check_vb6
09-24
在这个例子中，Form1可能是主窗口，显示内存信息的各种控件，如文本框、标签、图表等，可能还包括一些按钮来触发内存检查或更新显示。 2. Project1.vbp：这是VB6的项目文件，存储了项目的元数据，包括引用的库、...
JavaScript程序设计——页面设置与表单验证实验报告.docx
11-11
实验的目的是让学生掌握HTML界面设计和布局技巧，理解并能应用不同类型的表单控件，熟悉表单验证的逻辑和方法，同时了解表单提交的方式和编码方式。通过这个实验，学生可以提升实际编程能力，为创建交互式、用户友好...
elementUI关于checkgroup的一些坑
txf666的博客
12-01 1403
elementUI关于checkgroup不支持对象绑定的问题 今天在项目中遇到一个需求，就是动态渲染一个组合复选框使用的是elementUI里面的组件 上面是官网的一个例子，其中const cityOptions = [‘上海’, ‘北京’, ‘广州’, ‘深圳’];也暗示了选项的局限性，（不支持数组复杂类型的绑定） 项目中的需求肯定是复杂数据类型的渲染：label动态绑定id之类的下面就是我项目中解决的代码。 **注意1：**在渲染的时候使用后台返回的数组对象进行渲染checkgroup，之后你得单
你所不知道的form表单中的一些属性
ryuhfxz的博客
10-16 599
说明：form表单用于收集用户信息 form:表单标签，所有要提交的表单都放在里面         action:指定提交目标         method:提交方式，默认是get方式             get:提交的数据在URL中可见，提交的数据有限制             post:提交的数据在URL中不可见，另外就是提交大数据         表单提交：             i...
设置el-cascader级联组件父子不关联，解决只能点击单选框才能选中，点击label无反应
最新发布
weixin_46328739的博客
02-07 578
设置el-cascader级联组件父子不关联，解决只能点击单选框才能选中，点击label无反应。
使用elementUI中的el-checkbox报Cannot read property ‘length‘ of undefined
wjw_de_java的博客
01-25 846
报错： 官网的代码实现： 我的代码是在vue中的定义了 v-model 的值是 form.checkedCities的原因 v-model="from.checkedCities" @change="handleCheckedCitiesChange"> 如果这样写的话，就要把官网在return中定义的checkedCities: [‘上海’, ‘北京’]定义到from中就不会报错了 ...
elementUI的check值清空，选中视图颜色也清空
yuanfanlove的博客
06-17 515
需要讲选中的数组设置为空数据[] 例如选中的列表为checklist=[] 而且在组件中用：:value=(checklist.include(item))
element-ui - el-checkbox绑定失效
nunumaymax的博客
10-27 4042
原文地址：vue与element ui的el-checkbox的坑。
element 数据显示一行 强制不换行显示
a1997bcd的博客
12-25 3410
:show-overflow-tooltip="true" <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="1...
form表单标签基础概要
Girrzy的博客
04-23 1349
action为跳转路径method用来明确表单提交的方式(和) 默认值是会把信息暴露出来相对安全不会暴露路径：绝对路径：从盘符开始，找到你所需要的文件的路径 路径文件的名称C:\Users\Girrzy\Desktop\云计算前端\boke.html相对路径：当前源文件和目标文件的相对位置..\云计算前端\boke.html。
HTML中的form表单的标签、属性、属性值； CSS以及HTML5新增属性、属性值
热门推荐
CAINIAOQIANDUAN的博客
08-11 2万+
form表单HTML5、CSS3标签及属性、属性值 form表单HTML标签、属性、属性值： （单行文本输入框） （密码输入框） （单选框） （多选框） （提交按钮） （重置按钮） 或者按钮（空按钮） （下拉框选） （多行文本框） （1） 是表单的标签，所有的需要写在f...
elementui form表单绑定数据不在同一层
09-01
在使用ElementUI的Form表单绑定数据时，如果数据不在同一层，可以使用对象的属性路径来实现绑定。具体的步骤如下： 1.首先，需要在Vue实例中定义一个对象，作为数据绑定的容器。这个对象可以包含多个层级，每个层级...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值