![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
文章平均质量分 83
weixin_44440116
这个作者很懒,什么都没留下…
展开
-
el-table使用sortablejs实现行、列拖拽
el-table行列拖拽原创 2023-01-11 11:29:56 · 596 阅读 · 0 评论 -
el-table合并行
实现方法: el-table官方提供span-method合并行的计算方法,可以实现行或者列的合并,这里主要提供了行合并的方法,设置需要合并的列数组,判断同一列下该行和上一行数据是否相同,执行相应的操作。 效果图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="原创 2020-11-20 16:32:38 · 4222 阅读 · 4 评论 -
elementui表单验证失败,滚动到第一个错误的地方
//el-form绑定ref <el-form ref="form" :model="formData" :rules="rules"> <el-form-item label="联系电话:" prop="tel"> <el-input v-model="tel" placeholder="请输入" /> </el-form-item> </el-form> // 数据 data() { return {原创 2020-09-03 11:37:09 · 3208 阅读 · 2 评论 -
el-form自定义label,增加按钮
不使用el-form-item中的 label,使用 slot= label。 <el-form-item> <label slot="label"> <i class="iconfont icon-checked" v-if="checked" @click="checked = !checked"></i> <i class="iconfont icon-uncheck" v-else @click="checked = !che原创 2020-08-19 10:49:25 · 3008 阅读 · 0 评论 -
vue封装dialog
1dialog组件 子组件:templateDialog.vue <template> <div> <el-dialog width="60%" title="模板名称" :visible.sync="dialogVisible" :before-close="handleClose" > <div>{原创 2020-08-12 20:26:34 · 1402 阅读 · 0 评论 -
el-table点击选中行
<template> <div> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" highlight-current-row @selection-change="handleSel原创 2020-07-27 15:51:36 · 4210 阅读 · 0 评论 -
el-checkbox文字超长显示省略号
<template> <div class="container"> <h3>checkbox文字超长显示省略号,鼠标移上去显示文字</h3> <el-checkbox v-for="item in list" :label="item.id" :title="item.id + ' ' + item.name" :ke原创 2020-07-15 17:49:43 · 3658 阅读 · 1 评论 -
el-radio默认值选不中
传参类型是number类型,label前面需要加: <template> <div> <el-form> <h4>单选框</h4> <h3>整数类型</h3> <p>如果单选框的值是number,单选框的lable需要设置成:lable="1"</p> <el-form-ite原创 2020-07-10 17:31:11 · 2135 阅读 · 0 评论