el-element

【已解决】el-element中el-select的el-option选中值，不显示问题

笔者出现的这种情况是：同一个表单中有两个下拉框，第一个选中后，不显示，只有第二个选了，两个都显示，这样是不对的，并且一个表单中可以有多个下拉框（之前亲测无误），这次不知道为啥解决方法：在el-select中写一个事件@change=“change”如：写法change(){this.$forceUpdate()}完整代码：change(){this.$forceUpdate()//其作用就是强制性

~牧马~·2024-01-18 15:51

关于 el-element 表格合并后渲染多出几行或几列的问题

问题发现因项目需要临时更新一些数据直接插入数据后发现数据渲染有问题表格{{scope.row[items.value]}}需要渲染的数据this.progressTableDataCol=[{label:"单桩",parentLabel:"制作完成",},{label:"单桩",parentLabel:"沉桩完成","22":"2022.5.9","7":"2022.5.7",},{label:"

华说呀·2023-10-29 21:46

el-element布局控件layout中的el-row和el-col

在使用element组件中，layout布局控件能够很好的帮我们对页面进行布局。其中最常用到的就是栅格基础布局。如下所示第一个</el

|天上白玉京|·2023-10-15 01:21

element组件中loading的使用

el-element组件库很方便的为我们提供了页面加载的组件。

|天上白玉京|·2023-10-06 01:02

el-element联级选择器如何自定义内容节点

天真的以为官方自定义内容可以直接自定义直接将lable换成自己数据的展示名称字段后，并不会显示相应字段的文字，而且还一片空白看来联级选择器只识别label、value固定字眼，那么就只能这么解决了使用props将需要展示的字段对应给label、value、children即可展示了

cherry0140·2023-09-19 03:28

el-element：自定义参数

希望在下拉框、输入框、多选框中添加自定义参数，这在项目中是非常常见的1、Select选择器中remote-method方法带自定义参数:remote-method="(query)=>{remoteMethod(query,'自定义参数')}"remoteMethod(query,pid){}2、el多选框方法追加参数（radioValue为默认参数，key自定义参数）@change="keywo

手把手入门·2023-08-25 00:44

el-element中el-tabs案例的使用

el-element中el-tabs的使用代码呈现交易查询{{1}}{{2}}{{3}}-->{{4}}{{5}}exportdefault{components:{},props:{},data(){

码路老默007·2023-08-22 15:07

el-element日期时间组件限制可选时间范围

exportdefault{data(){return{//限制当前时间之前的不可选并且最大可选时间不能超过2028-12-31pickerOptions:{disabledDate(time){constmaxDate=newDate('2028-12-31')returntime.getTime()>maxDate.getTime()||time.getTime(){//这里是限制时分秒let

我叫安琪拉·2023-08-16 06:40

vue el-element中el-select的el-option选中值，但页面框中不显示值，需要输入一个其他框值才显示，input同理

问题描述：el-element中el-select的el-option选中值，但页面框中不显示值，需要输入一个其他框值才显示。或者解决input无法输入值。

跳跳的小古风·2023-08-15 21:37

el-element form表单组件对非表单内字段做校验

在日常开发写表单的时候，可能会遇到某一个form-Item中绑定的值不在表单绑定的数据对象中此时用prop绑定该字段名是无效的，需要单独对这个字段进行校验。在form-Item中有一个属性error。用于表单域验证错误信息，设置该值会使表单验证状态变为error，并显示该错误信息。所以，可以设置一个error属性，初始值设为空，在表单校验时做一个判断，如果字段为空时给error赋值校验失败提示文字

红颜い笑倾城·2023-08-05 02:58

el-element el-radio 触发两次click事件解决方案

中文English//切换语言handleToggleLanguage(event,lang){if(event.target.tagName==='INPUT'){return;}this.$i18n.locale=lang;this.setLanguage(lang);},

程序员李钟意·2023-06-17 04:45

VUE EL-ELEMENT table默认选中

VUEEL-ELEMENTtable默认选中1.toggleAllSelection（方式一：全选中）2.toggleRowSelection（方式二：控制选中）1.toggleAllSelection（方式一：全选中）toggleAllSelection用于多选表格，切换所有行的选中状态//给el-table添加上ref=""需要在el-table上面添加上ref=“mainTable”（mai

小小aBin·2022-12-31 22:06

el-element数字类型校验的问题

代码-->取消确定rules:{quantity:[{type:'number',message:'数量必须为数字值'}]}reset(){this.deviceBox={'quantity':1}}注意数字类型的验证需要在v-model处加上.number的修饰符，这是Vue自身提供的用于将绑定值转化为number类型的修饰符。现象当输入’1test’时，校验通过，提交保存强制转化为1，当输入’

Beam007·2020-09-12 12:34

el-element的DateTimePicker日期选择器设置能选择的范围为一年

exportdefault{data(){//不能在pickerOption通过this访问vue对象，因为this指向已经改变letthat=thisreturn{dateRang:[newDate(),''],pickerOptions:{disabledDate(time){letstartyear=that.dateRang[0].getFullYear()-1letendYear=tha

爱吃蛋炒饭加蛋·2020-07-14 17:50

vue的跳转路由改变导航的:default-active

1.导航部分el-element的导航部分在data里面定义activeIndex："unitSelection"2.路由部分路由部分3.导航点击回调事件@select事件4.路由改变时的导航对应高亮路由改变取对应的

bin_fa4c·2020-04-09 11:09

富文本vue-quill-editor结合el-element实现自定义上传组件

1.痛点:在使用富文本编辑器时,经常用到上传图片,可是编辑器默认是将图片转成base64存储的,这会导致上传时间过长以及前端小程序获取富文本内容时因为文件base64太大显示不了2.解决:所以使用富文本编辑器进行自定义上传,先将图片上传到后端服务器,然后获取服务器返给我们的图片URL,然后再将此URL插入到富文本中即可.3.组件化:项目中经常使用,所以将此功能写成一个组件Editor.vue以来复

回到唐朝做IT·2019-12-18 14:13

推荐频道