随笔分类 -  elementui组件库

el-select改变背景颜色
摘要：一。实现如下效果图 二。代码如下 /deep/ .el-input.el-input--suffix { // 2.修改背景颜色、字体颜色、边框、宽高 .el-input__inner { background: #4C78FF !important; border: 1px solid #4C78 阅读全文
posted @ 2022-12-23 10:31 IT小姐姐 阅读(1917) 评论(0) 推荐(0)
vue elementui弹框内 富文本编辑器的使用，及踩坑
摘要：最近vue项目中遇到弹框内使用富文本编辑器，遇到最大的问题是，在打开弹框后才能创建富文本编辑器，并且只能创建一次，多次点击弹框，报错： Error in v-on handler: "Error: 初始化节点已存在编辑器实例，无法重复创建编辑器" 经多次查找实验的出如下结论： 首先：选择的 wang 阅读全文
posted @ 2022-06-18 18:02 IT小姐姐 阅读(6319) 评论(0) 推荐(0)
table表格的合并
摘要：如上图，实现单元格合并功能，不多说，直接上代码 一，添加 :span-method="objectSpanMethod" <el-table :key="timer1" :data="tableData" :span-method="objectSpanMethod" style="width: 1 阅读全文
posted @ 2022-02-09 17:01 IT小姐姐 阅读(1484) 评论(0) 推荐(0)
element-ui中table组件的表格嵌套Select，table中使用select
摘要：在table组件中，有一个<template slot-scope="scope"></template>，这个模板有一个slot-scope属性，这个属性的作用，等同于我们在给每个组件写CSS的时候，都会加上scoped的作用是一样的。也就是说，使用这样的一个模板，就能够让每一个下拉框都是独立的互 阅读全文
posted @ 2022-01-06 17:23 IT小姐姐 阅读(1869) 评论(0) 推荐(0)
elementui中 table表格 合并表头
摘要：需要实现的效果如图，表格头部合并成一排。 因为总共是4列，所以colSpan =4表示合并4列 头部给个高度，居中一下就ok啦 阅读全文
posted @ 2021-12-28 15:24 IT小姐姐 阅读(927) 评论(0) 推荐(0)
element-ui中table表格表头和表格内容都水平居中，以及斑马纹背景颜色修改
摘要：<el-table :data="detalData" stripe //斑马纹 border :header-cell-style="{textAlign: 'center'}" // 表头水平居中 :cell-style="{ textAlign: 'center' }" //表格内容水平居中 阅读全文
posted @ 2021-12-09 17:09 IT小姐姐 阅读(2172) 评论(0) 推荐(0)
elementui中 分页在vue中的使用
摘要：template中： <el-pagination background layout="prev, pager, next" :total="total" :page-size ="per_page" :current-page="currentPage" @current-change="cur 阅读全文
posted @ 2021-09-22 11:35 IT小姐姐 阅读(418) 评论(0) 推荐(0)