ElementUI
Spongebob_nut
学生(๑˙ー˙๑)
展开
-
Element UI表格采用复选框,第一行默认选中且禁用
Element UI表格采用复选框,第一行默认选中且禁用表格: <el-table ref="multipleTable" :data="nodesData" :span-method="objectSpanMethod"原创 2021-12-09 20:12:38 · 1869 阅读 · 0 评论 -
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘toggleRowSelection‘)“
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘toggleRowSelection’)”在使用elementUI里的带Checkbox表格时,想默认选中第一行,采组件库里的方法:mounted() { this.defaultChecked([this.nodesData[0]]);},methods: { // 第一行默认选中 defaultChecked(原创 2021-12-09 15:40:36 · 15972 阅读 · 0 评论 -
ElementUI日期选择器显示默认时间
ElementUI日期选择器显示默认时间 <el-form-item label="时间" class="form-item"> <el-date-picker v-model="date" type="daterange" align="left"原创 2021-12-02 21:29:01 · 3625 阅读 · 1 评论 -
ElementUI中合并表格列
ElementUI中合并表格列在elementui组件库里的合并比较各行和列方法比较单一: // 两列合为一列 arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (rowIndex % 2 === 0) { if (columnIndex === 0) { return [1, 2]; } else if (columnIndex ===原创 2021-11-26 17:29:00 · 2476 阅读 · 0 评论 -
修改ElementUI表格行中鼠标悬停背景颜色样式
修改ElementUI表格行中鼠标悬停背景颜色样式原el-table的鼠标悬停样式是:鼠标覆盖后表格行有一个背景颜色,那如果现在不想要背景颜色,该怎么修改呢?<style lang="scss" scoped> .el-table { ::v-deep tbody tr:hover>td { background-color:#fff; }}</style>// 或者<style lang="scss" scope原创 2021-11-24 14:59:14 · 3901 阅读 · 0 评论 -
ElementUI中带复选框的el-table表格,去掉表头的全选框
ElementUI中带复选框的el-table表格,去掉表头的全选框在ElementUI中,带复选框的表格组件是长这样的:那么,如果不想要表头的全选框,该怎么修改呢?首先了解el-table的一个属性header-cell-class-name:表头单元格的 className 的回调方法,也可以使用字符串为所有表头单元格设置一个固定的 className。 <el-table :data="tableDa原创 2021-11-23 18:04:08 · 8292 阅读 · 6 评论 -
解决在ElementUI中表格列中添加输入框后,输入框无法输入内容
解决在ElementUI中表格列中添加输入框后,输入框无法输入内容问题在写表格时有需求,需要在表格列中嵌套输入框,然后按照常规方法,套用elementUI里的组件,样式写好后发现输入框没办法用,不能输入内容代码: <el-table-column prop="moneyNum" label="奖励金额"原创 2021-11-23 17:40:39 · 4965 阅读 · 0 评论 -
基于ElementUI将Dialog对话框写入组件引入
将Dialog对话框写入组件引入如果对话框里包含的内容很多的话,和主页面写在一起,代码量会非常大,所以我想采用将Dialog中的内容单独写在一个文件里,然后在主页面引入。因为并不是公共组件,所以我写在了自己部分的文件夹里。组件内容:<template> <el-dialog title="提示" :visible.sync="connPositionDialog" width="50%" > &l原创 2021-11-19 19:35:24 · 2630 阅读 · 0 评论 -
ElementUI设置表格表头样式
ElementUI设置表格表头样式原本从组件里拿下来的代码的样式是这样的:现在有需求,需要修改表头样式代码如下: <el-table :data="tableData" :header-cell-style="{background:'#f4f3f9',color:'#606266'}" style="width: 100%" >原创 2021-11-19 14:31:11 · 5528 阅读 · 0 评论