el-checkbox

el-switch el-checkbox el-collapse等等 for循环中点击无效果问题

但是这个数据是子组件传给父组件的，两层循环里面渲染el-switch和el-checkbox，点击无效果。先上页面，没调样式，有点丑啊。。各位多包涵。
MAYDAY77·2021-06-13 22:45

vue 页面跳转样式错位

vue页面跳转样式错位但是刷新又好了的情况解决办法：在页面的style中加上scoped如下：、.el-checkbox{float:left;}.el-row{width:90%;margin:autoauto
qqCeleste·2021-04-26 20:22

element-ui实现多级checkbox关联选择（权限管理）

1、依赖element-ui，只是使用了el-checkbox，可以很轻松替换掉效果图：疫区设置：{{itemTitle}}{{item.cname}}{{pro.pname}}{{c.cityName
·2021-04-05 21:59

ElementUI的el-checkbox-group插件，动态禁用el-checkbox项

最近项目需要一个动态禁用el-checkbox选项的功能，已经被选择过的项需要在“批量新增”的弹窗中禁用（禁用掉已经在列表中的“西安工厂”）image.pngElement中只提供了{{city}}这里使用
糖圆二胖·2021-03-11 01:03

2020-05-11：element UI Checkbox 多选框、el-col高度、对象数组去重

1、elementUICheckbox多选框723579a1380a6559.pngel-checkbox竖排列,只需要在el-checkbox中加入样式：style="display:block;"与弱电接口专业
wangs·2021-02-02 16:28

el-checkbox出现的传值问题以及change事件传默认值

记录项目中实际出现的问题。项目背景：后台返回数据，需要checkbox回显。一般来说直接遍历回显，但是出现的问题是checkbox的选项太多，还涉及到切换选项，checkbox的选项也会有改变。解决办法：再尝试了许多传值办法后无果，最后决定使用vuex存后台返回数据1.vuex存入后台拿到的数据computed:{/***获取vuex数据*@returns{any}*/checkAllList()
望舒忘书·2021-01-22 15:03

vue el-checkbox循环多个如何选中当前的_vue 快速入门指南(一)

忆君心似西江水，日夜东流无歇时。前言先聊一下前端开发模式的发展。静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新，操作DOM1995年，网景工程师BrendanEich花了10天时间设计了JavaScript语言.随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效
weixin_39675215·2020-11-19 23:30

基于vue和element-ui开发的新闻后台管理系统——3、文章发布页

1、整体架构发布页静态结构使用到的组件el-card卡片el-breadcrumb面包屑el-form表单el-form-item表单项el-input单行文本框VueEditor富文本框el-checkbox
MR_ZC君·2020-11-04 00:42

elementUI中表格分页勾选以及整体的全选功能结合。

return{selectedAssetsList:[],assetsUidList:[],currentPage:1,pageSize:3,total:8,isIndeterminate:false,//对el-checkbox
华--静看一季花开花落·2020-10-22 18:03

element-ui中table大量数据渲染卡顿

element-ui中的el-table在使用大量数据的时候卡顿、卡顿、卡顿（重要的事讲三遍），特别是在table中还使用el-checkbox来进行全选的时候，点击按钮直接卡顿3s界面才渲染，有没有很痛苦
a丶谁谁·2020-09-16 17:01

[vue+echarts]v-if后无法显示echarts图表

2019独角兽企业重金招聘Python工程师标准>>>用了element的el-checkbox，点了两下图表就不显示了。知道了，div还没有出现，是因为v-if的原因。用v-show就可以了！
weixin_34296641·2020-09-16 01:58

ElementUI

布局容器el-container属性el-header属性el-aside属性el-footer属性color色彩el-button按钮el-button-group按钮组表单控件el-radio单选框el-checkbox
kikpin·2020-09-13 22:12

2020大厂前端面试之vue专题（三）

inputv-modelcheckboxv-modelselectv-model组件的v-model就是value+input的语法糖理解:组件的v-model是value+input方法的语法糖可以自己重新定义v-model的含义Vue.component('el-checkbox
寂寞花如雪·2020-09-11 07:20

el-checkbox中使用indeterminate 状态

indeterminate属性用以表示checkbox的不确定状态，一般用于实现全选的效果全选{{city}}constcityOptions=['上海','北京','广州','深圳'];exportdefault{data(){return{checkAll:false,checkedCities:['上海','北京'],cities:cityOptions,isIndeterminate:tr
云烟溪雪·2020-09-10 21:42

el-checkbox根据是否被选中执行不同的操作

直接给el-checkbox绑定点击事件是没有效果的，因为它会被解析成其他形式的html，el-checkbox只是一个类名，因此，使用ts和jquery动态绑定事件：mounted(){$(".el-checkboxinput
weixin_34310785·2020-09-10 19:54

elementui的el-checkbox如何传递多个参数

问题：点击checkbox如何传递多个参数，一个是设备的id，另一个是选中的状态解决：用vue的$event原对象控制台打印结果
前端一枚·2020-09-10 18:56

优雅解决修改第三方组件样式问题

我们可以使用>>>或/deep/解决这一问题:外层>>>.el-checkbox{display:block;font-size:26px;.el-checkbox__label{font-si
smile-linlin001·2020-09-10 17:32

vue+elementui 实现多选框两个选项同时勾选

但是通过elementUI的多选框官网里面可以知道，el-checkbox没有id这个参数。多选框组设置绑定v-model，绑定选中的存
qq_41649755·2020-09-10 16:36

多个el-checkbox el-radio 三维数组 动态绑定值

这是一个考试页面由于后台给的数据：questionType0选择题1多选题2判断题3简答题4填空题，但是每种题型不仅只有一次，也就是不确定每种题目类型的题目数量，仅仅用一维数组已经不满足要求了，而每次多选的时候本身就是二维数组，所以要构建三维数组。后台给的数据：-->{{mm.prefix}}、{{mm.prefix}}、{{mm.prefix}}{{mm.prefix}}：重点是这个this.e
PairsNightRain·2020-09-10 16:13

vue el-checkbox勾选取消执行不同操作

{{item.value}}data(){return{checkall:[{id:0,value:'地下水水位',checked:true},{id:1,value:'抽/注水井',checked:false},{id:2,value:'污染源',checked:false},{id:3,value:'污染羽',checked:false}]}},methods:{handleCheck(val
夏末_阳光依然耀眼·2020-09-10 12:07

ElementUIz中el-checkbox-group多选框组的使用，怎样设置一组选项与获取所选值

el-checkbox的label属性是该checkbox对应的值，若该标签中无内容，则该属性也充当checkbox按钮后的介绍。
BADAO_LIUMANG_QIZHI·2020-09-10 11:53

element多个多选功能实现

element-ui的el-checkbox嵌套多选{{item.name}}{{list.name}}提交newVue({el:'#app',data(){return{menu:[{"id":1,"
我是一只害虫·2020-09-10 10:09

element el-checkbox 全选（数组对象）

element官方文档正常的通过el-checkbox-groupel-checkbox遍历数组操作很明显不满工作需求，大多数时候需要遍历的是数组对象。例如：全选{{city.name}}constcityOptions=[{id:1,name:"上海"},{id:2,name:"北京"},{id:3,name:"广州"},{id:4,name:"深圳"}];exportdefault{data(
LiuDanyang丶·2020-09-10 10:06

VUE给动态生成的el-checkbox添加v-model

需求描述：根据返回的数据，页面动态for循环添加el-checkbox，动态绑定v-model；html代码：全选tabList数据格式：tabList:[{id:'1',name:'test'},{id
LLDD。·2020-08-23 05:11

vu开发小技巧之样式穿透

使用>>>或/deep/解决这一问题:外层>>>.el-checkbox{display:block;font-size:26px;.el-
笑魇轻轻·2020-08-22 19:44

Vue+Element-UI总结_el-checkbox实现全选功能

一、前言最近在做Vue+SpringBoot的项目，Vue使用了Element-UI，写几篇文章记录一下在开发过程中的小功能。本篇讲的是使用多选框，实现全选功能。这个其实在官网上就有现成的例子，我拿来再做一个解释，避免下次使用的时候忘记。二、代码template中的代码如下，在form表单中使用的全选功能。全选{{fruit}}一个checkbox作为全选选择框，每次改变，为全选或者全不选。一个c
weixin_40877388·2020-08-22 19:32

BUG(编辑时el-checkbox无法选中)

问题描述：1.从列表页新建跳转至详情编辑页，3个el-checkbox选中第3个，保存，跳转回列表页。
magic-fish·2020-08-22 17:27

element-ui之el-checkbox遇到的一些问题

el-checkbox绑定了v-model却不能响应看到我这里使用v-model绑定了一个属性，但是当这个属性变为true的时候checkbox也不会是选中状态，后来查阅别人的文章，发现可能是我没有绑定
林木森森森·2020-08-22 17:37

【vue】element-ui select结合checkbox实现全选和反选

有的时候还需要全选与反选的功能，效果如下：在实现上，省份选择的checkbox是用css样式写的，因为用element-ui的checkbox十分难以实现，所以就用css样式，但是在全选按钮上，是可以直接用el-checkbox
C_fashionCat·2020-08-22 16:15

vue+element-ui el-checkbox踩坑记录

选中/未选中状态显示问题业务逻辑画面上的表格，每一行最后面都有一个名为“编辑”的复选框，在需要修改的某条或多条数据后选中复选框，点击“登陆”按钮，就会把需要修改的内容（即选中“编辑”复选框的数据）提交到数据库，然后返回修改成功与否，并刷新表格。遇到的问题选中需要修改的数据并点击登陆按钮的时候，复选框是选中状态，然后提交请求修改完毕之后，画面刷新，所有的复选框应该呈现未选中状态，然后实际情况为依然显
S小白·2020-08-22 15:11

elementui 使用el-table完成transfer基本功能

这就有个问题，如果列表中有多列数据需要区分显示就没办法了，毕竟是el-checkbox。但是这种需求的功能一般项目都不多。下面这个是我改造的效果初始数据也可以在右边已选框中。
过去式的美好·2020-08-22 14:23

vue el-table 添加数据筛选、导出表格功能

.el-checkbox{display:block;min-width:100px;padding:5px10px;cursor:pointer;margin-right:0px;}.el-checkbox
白色111·2020-08-22 10:47

vue element el-table el-checkbox 指标筛选 缓存本地 全选反选

.el-checkbox{display:block;min-width:100px;padding:5px10px;cursor:pointer;margin-right:0px;}.el-checkbox
白色111·2020-08-21 15:09

vue element el-table el-checkbox 指标筛选 缓存本地 全选反选

.el-checkbox{display:block;min-width:100px;padding:5px10px;cursor:pointer;margin-right:0px;}.el-checkbox
白色111·2020-08-21 15:08

elementUi表格多选指定多选行数

elementUi表格多选指定多选行数使用selection-change实现方法使用el-checkbox实现方法最近的项目都跟table打交道，各种表格，用奇葩来形容也不为过，这里介绍两种elementui
GodSuno0·2020-08-14 10:55

el-checkBox 文字超出长度换行

el-checkBox文字超出长度换行.el-checkbox__input{display:inline-grid;white-space:pre-line;word-wrap:break-word;
༺༒WZY༒༻·2020-08-12 15:39

el-radio el-select el-checkbox在对话框选择时页面抖动

important;}2.多选框选中时页面抖动.el-checkbox::after{transition:none!
wusq..·2020-08-08 20:16

el-dialog 中使用 el-select,el-checkbox, 选择的时页面闪烁根本问题，操作时闪现

如果你对el-dialog做了这样的优化.el-dialog{display:flex;flex-direction:column;margin:0!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100%-30px);max-width:calc(100%-30
栗鼠_抚殇·2020-08-08 20:28

使用elementUi—el-checkbox无法正确动态设置勾选状态的问题

v-model与:checked需要同时使用，试过只用v-model会导致控制数据变了但没作用上勾选框上，只使用:checked初始能正确绑定，但无法手动勾选问题。耽搁时间有些长，故记一笔
今天也要加油哇·2020-08-07 21:46

解决 Vue 动态生成 el-checkbox 点击无法赋值问题

博客地址：https://ainyi.com/68最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括checkbox表单类型，并且使用Element组件UI时，此时v-model绑定的数据也是动态生成的例如：定义的data的form里面是空对象，需要动态生成里面的keyexportdefault{data(){return{form:{}}},}从后端接口得到checkList，这个就
weixin_30381793·2020-08-07 19:23

关于Vue Element组件el-checkbox与el-select默认选中值的几点注意事项

el-select示例：代码：doc:{zhic:""},zhicdata:[{name:"主任医师",id:"11"},{name:"副主任医师",id:"12"},{name:"主治医师",id:"13"},{name:"住院医师",id:"14"}],//获取职称stepDoc(index){this.idx=index;constitem=this.hislist[index];this.
Vam的金豆之路·2020-08-07 17:01

vue + element-ui项目，el-checkbox上的响应式问题——数据变化后勾选状态未变化

先来简化一下项目原型。就是一个列表和一个表单，点击列表的某一项，表单中显示这一项对应的数据内容，并可修改。由于发现问题的是复选框，所以表单简化为一个复选框代替。{{item.name}}exportdefault{data(){list:[{id:1,name:'Keith'},{id:2,name:'Annie'}],curItem:{}},methods:{clickFn(item){this
李小苶·2020-08-07 16:08

基于Vuex实现小米商城购物车（上）

实现步骤1.静态页面准备页面使用了element-ui的Icon图标、el-checkbox、el-input-number、el-popover、el-button，所有在main.js需要引入element-ui
黑马程序员西安中心·2020-08-05 16:13

vue中el-checkbox要点击两次才切换，或者点击根本不切换

问题：vue中el-checkbox要点击两次才切换，或者点击根本不切换。问题代码：xxxxxxchangeShowAccountStatus(){this.showFrozenAccount=!
凯宾·2020-08-04 20:10

el-checkbox遇到的问题

在官网中有实例全选{{city}}constcityOptions=['上海','北京','广州','深圳'];exportdefault{data(){return{checkAll:false,checkedCities:['上海','北京'],cities:cityOptions,isIndeterminate:true};},methods:{handleCheckAllChange(va
weixin_30633507·2020-08-04 19:10

el-checkbox 选择异常

1、el-checkbox选择异常官方文档链接：https://element.eleme.io/2.5/#/zh-CN/component/checkbox问题描述：当在el-checkbox的checked
徐卡丘·2020-08-04 18:07

elementUI解决el-checkbox自定义样式、@change样式的失效 等bug - 代码示例

elementUI解决el-checkbox样式（自定义样式问题）1.需求（如图所示）：2.代码示例说明：（截图示下）测试正常。
草巾冒小子·2020-08-04 16:01

el-checkbox的change事件

全选{{city}}constcityOptions=['上海','北京','广州','深圳'];exportdefault{data(){return{checkAll:false,checkedCities:['上海','北京'],cities:cityOptions,isIndeterminate:true};},methods:{handleCheckAllChange(val){this
没有咸鱼的梦想·2020-08-04 16:01

使用el-checkbox，要么全选要么全不选问题

在使用el-checkbox实现多选框时，出现如上问题。在打开信息编辑页面时，多选框会出现点击其中一个，其他全部选中的问题。
小刺猬和您挥挥手·2020-08-03 20:47

使用elementUI中的el-checkbox遇上Cannot read property 'length' of undefined错误应该怎么办？

在使用el-checkbox时遇上这样的错误：TypeError:Cannotreadproperty‘length’ofundefinedatVueComponent.isLimitDisabled(
lt要努力·2020-07-31 19:34
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他