Element-UI - 随笔分类 - LeeToLee

el-table列表中数据有\n换行符，显示不换行问题解决

摘要：<el-table-column prop="remark" label="备注" min-width="200"> <template slot-scope="scope"> <template> <span class="pre">{{ scope.row.remark }}</span> </ 阅读全文

posted @ 2024-08-19 10:04 LeeToLee 阅读(466) 评论(0) 推荐(0) 编辑

el-table列表显示解决数据中多空格自动省略为一个空格问题

摘要：解决方案添加样式即可`style="white-space:pre;"` <el-table-column prop="xxx" label="abc" align="center" min-width="150" show-overflow-tooltip> <template slot-sco 阅读全文

posted @ 2024-08-06 11:51 LeeToLee 阅读(190) 评论(0) 推荐(0) 编辑

el-tree 获取选中节点的父节点

摘要：<template> <el-tree :data="data" show-checkbox node-key="id" ref="tree" @node-click="handleNodeClick" > </el-tree> </template> <script> export default 阅读全文

posted @ 2024-07-18 10:16 LeeToLee 阅读(788) 评论(0) 推荐(0) 编辑

vue中el-table 实现拖拽排序

摘要：1.安装Sortable.js npm install --save sortablejs 2.在当前vue中JS代码中引入 import Sortable from ‘sortablejs’ 3.在当前vue文件template el-table中指定row-key row-key="id" ro 阅读全文

posted @ 2023-06-21 16:00 LeeToLee 阅读(329) 评论(0) 推荐(0) 编辑

el-table表格索引分页连续

摘要：在树形列表中 <el-table-column type="index" label="序号" width="55"> <template slot-scope="scope">  <div v-if="scope.row.hasOwnProperty('replaceType 阅读全文

posted @ 2023-06-14 15:24 LeeToLee 阅读(127) 评论(0) 推荐(0) 编辑

遍历数组中使用el-popover，出现多个弹框

摘要：<el-select v-model="setup.groupId" placeholder="请选择分组" size="medium"> <el-option v-for="(op, index) in fromGroup" :key="index" :label="op.groupName" : 阅读全文

posted @ 2023-06-14 15:15 LeeToLee 阅读(826) 评论(0) 推荐(0) 编辑

el-table实现单选

摘要：el-table实现单选阅读全文

posted @ 2022-12-05 16:45 LeeToLee 阅读(111) 评论(0) 推荐(0) 编辑

el-checkbox实现拖动调整顺序

摘要：el-checkbox实现拖动调整顺序阅读全文

posted @ 2022-08-24 17:04 LeeToLee 阅读(417) 评论(0) 推荐(0) 编辑

el-dialog自定义指令实现弹窗的全屏和拉伸

摘要：el-dialog自定义指令实现弹窗的全屏和拉伸阅读全文

posted @ 2022-07-18 17:15 LeeToLee 阅读(1800) 评论(0) 推荐(0) 编辑

Element-UI cascader级联选择器，任意选择节点（父级也可）

摘要：Element-UI cascader级联选择器，任意选择节点（父级也可）阅读全文