el-table-column :hidden

时间: 2024-08-13 21:06:44 浏览: 58
ZIP

el-table-infinite-scroll:El-Table无限滚动

star5星 · 资源好评率100%
`el-table-column` 是 Element UI 中表格组件 `el-table` 的列配置项之一，它用于定义表格中的一个列。`:hidden` 属性是一个布尔值或表达式，用来控制列的显示状态。当设置为 `true` 或者返回一个真值时，该列会被隐藏；如果设置为 `false` 或者返回一个假值（默认），则列会显示。 例如，如果你想根据某个条件动态地隐藏或显示某列，可以在数据绑定或计算属性中设置： ```html <el-table-column prop="name" :hidden="shouldHideColumn" ></el-table-column> ``` 在这里，`shouldHideColumn` 是一个由后端数据、用户输入或其他条件驱动的变量。如果它的值为 `true`，那么对应名称的列将不会出现在表格视图中。
阅读全文

相关推荐

zip

el-search-table-pagination::dog_face:将Element UI的Form，Table和Pagination组件组合在一起

原料药API |中文API 快速开始导入模块并在main.js设置设置： import Vue from 'vue'import ElSearchTablePagination from 'el-search-table-pagination'// Default use axios as HTTP toolVue . use ( ...

<vue-seamless-scroll :data="tableData" class="auto-scorll-table" :class-option="classOption" > <el-table :data="tableData" class="hidden-thead" :row-class-name="tableRowClassName" @row-click="option" > <el-table-column type="index" label="编号" header-align="center" align="center" > </el-table-column> <el-table-column prop="timestamp" label="日期" sortable align="center" header-align="center" > </el-table-column> <el-table-column prop="equipment" label="设备名称" align="center" header-align="center" > </el-table-column> <el-table-column prop="locatlist" label="设备地点" align="center" header-align="center"> </el-table-column> <el-table-column prop="typename" label="设备类型" align="center" header-align="center" > </el-table-column> </el-table> </vue-seamless-scroll> 我的代码长这样你帮我解决一下

this.$refs.scroll.$el.querySelector('.el-table').addEventListener('click', this.option); }, } 在上述代码中，我们通过$refs获取到了<vue-seamless-scroll>组件的实例对象，然后在滚动事件的回调...

将以下vue+element ui代码转换成纯html+element ui代码：<template> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> <el-tab-pane label="User" name="first"> <el-table :data="filterTableData" style="width: 100%"> <el-table-column label="Date" prop="date" /> <el-table-column label="Name" prop="name" /> <el-table-column align="right"> <template #header> <el-input v-model="search" size="small" placeholder="Type to search" /> </template> <template #default="scope"> <el-button size="small" @click="handleEdit(scope.$index, scope.row)" >Edit</el-button > <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)" >Delete</el-button > </template> </el-table-column> </el-table> </el-tab-pane> <el-tab-pane label="Config" name="second"> <el-table :data="filterTableData" style="width: 100%"> <el-table-column label="Date" prop="date" /> <el-table-column label="Name" prop="name" /> <el-table-column align="right"> <template #header> <el-input v-model="search" size="small" placeholder="Type to search" /> </template> <template #default="scope"> <el-button size="small" @click="handleEdit(scope.$index, scope.row)" >Edit</el-button > <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)" >Delete</el-button > </template> </el-table-column> </el-table></el-tab-pane> <el-tab-pane label="Role" name="third"> <el-table :data="filterTableData" style="width: 100%"> <el-table-column label="Date" prop="date" /> <el-table-column label="Name" prop="name" /> <el-table-column align="right"> <template #header> <el-input v-model="search" size="small" placeholder="Type to search" /> </template> <template #default="scope"> <el-button size="small" @click="handleEdit(scope.$index, scope.row)" >Edit</el-button > <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)" >Delete</el-button > </template> </el-table-column> </el-table></el-tab-pane> <el-tab-pane label="Task" name="fourth"> <el-table :data="filterTableData" style="width: 100%"> <el-table-column label="Date" prop="date" /> <el-table-column label="Name" prop="name" /> <el-table-column align="right"> <template #header> <el-input v-model="search" size="small" placeholder="Type to search" /> </template> <template #default="scope"> <el-button size="small" @click="handleEdit(scope.$index, scope.row)" >Edit</el-button > <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)" >Delete</el-button > </template> </el-table-column> </el-table></el-tab-pane> </el-tabs> </template> <script lang="ts" setup> import { computed, ref } from 'vue' interface User { date: string name: string address: string } const search = ref('') const filterTableData = computed(() => tableData.filter( (data) => !search.value || data.name.toLowerCase().includes(search.value.toLowerCase()) ) ) const handleEdit = (index: number, row: User) => { console.log(index, row) } const handleDelete = (index: number, row: User) => { console.log(index, row) } const tableData: User[] = [ { date: '2016-05-03', name: 'Tom', address: 'No. 189, Grove St, Los Angeles', }, { date: '2016-05-02', name: 'John', address: 'No. 189, Grove St, Los Angeles', }, { date: '2016-05-04', name: 'Morgan', address: 'No. 189, Grove St, Los Angeles', }, { date: '2016-05-01', name: 'Jessy', address: 'No. 189, Grove St, Los Angeles', }, ] </script> <style> .demo-tabs > .el-tabs__content { padding: 32px; color: #6b778c; font-size: 32px; font-weight: 600; } </style>

<th class="el-table_1_column_3">Operation <tbody class="el-table__body"> <tr v-for="(item, index) in filterTableData" :key="index"> <td>{{ item.date }} <td>{{ item.name }} <td class="el-...

el-table下el-table-column有长有短，完善css样式，使el-table的父div变窄时，el-table中个元素不变形，宽度同步变化

在使用Element UI的el-table组件时，如果el-table-column的宽度不同，要使得表格在父容器宽度变化时元素不发生变形并且宽度同步变化，可以通过CSS样式来控制。以下是一些方法来确保表格的响应式表现： 1. 首先...

show-overflow-tooltip="true" el-table-column 的text-overflow: ellipsis不生效 怎样让它生效

text-overflow: ellipsis 只能在设置了固定宽度的元素上生效，如果使用 el-table-column，需要在该列上设置 width 属性，例如： html <el-table-column label="名称" prop="name" width="150"> ...
pdf

VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip

示例代码中首先通过循环遍历 titleList 来动态创建 el-table-column，其中第一个 column（index == '0'）用于展示排序按钮，其余的 column 用于显示表头。对于每一个 column，通过 render-header 来决定如何渲染表头...

在<el-table-column </el-table-column>中，怎么将过长的文字显示在一行，超出宽度时，用省略表示被隐藏的文本，并且点击省略号可以展开，并写出一个案例

可以在<el-table-column>中使用CSS属性text-overflow和white-space来控制文本的显示方式。当text-overflow设置为"ellipsis"时，文本超出宽度时会被省略表示；当white-space设置为"nowrap"时，文本不会自动换行。此外...

el-table-column超出隐藏

要实现el-table-column超出隐藏，可以使用CSS的overflow属性来实现。下面是一个示例代码： html <el-table :data="tableData"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-...

el-table-column隐藏列

<el-table-column prop="age" label="年龄" class="hidden"></el-table-column> <el-table-column prop="gender" label="性别"></el-table-column> </el-table> .hidden { display: none; }

如和隐藏el-table-column

在Element UI的el-table组件中，如果你想隐藏某个列，你可以使用hidden属性来控制。这个属性接受一个布尔值，当值为true时，列将被隐藏。 例如，如果你有一个el-table-column定义，如下所示： html <el...

el-table-column多选框隐藏

您可以通过设置 el-table-column 的 type 属性为 'selection' 来实现多选框的显示，如果您想要隐藏多选框，可以将该属性设置为 'hidden'。例如： <el-table-column type="hidden"></el-table-column>

el-table-column超出部分先出省略号

el-table-column是Element UI中的一个表格列组件，用于定义表格的列属性。要实现超出部分先出现省略号的效果，可以使用CSS的文本溢出属性来实现。 首先，需要给el-table-column设置一个固定的宽度，以便控制列的...

vue 此表格内数据循环自动滚动 <el-table class="table" height="calc(100% - 0px)" stripe border :header-row-style="{ 'font-size': '14px', padding: '0px' }" :row-style="{ 'font-size': '14px', padding: '0px', height: '30px', }" :cell-style="{ padding: '0px' }" :data="dataList1" highlight-current-row style="width: 100%" > <el-table-column v-for="(val, i) in theadList1" :fixed="i == 0" :key="i" :label="val.name" :min-width="val.w" align="center" > <template slot-scope="scope"> {{ scope.row[val.value] }} </template> </el-table-column> </el-table>

<el-table ...> ... </el-table> export default { data() { return { rowIndex: 0, columnIndex: 0, dataList1: [ // 表格数据 ], theadList1: [ // 表头数据 ] }; }, methods: { stopScroll...

el-table-column的show-overflow-tooltip内容过长不能完整显示

<el-table-column prop="name" label="姓名" :show-overflow-tooltip="true"> <template slot-scope="{ row }"> <div class="cell-ellipsis" :title="row.name">{{ row.name }} </el-table-column> css ...

el-table-column 内容自动换行，但是我需要的效果是让它不自动换行

如果你想让el-table-column的内容不自动换行，你可以使用以下CSS样式： .el-table-column { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } ...

vue+el-table-column的show-overflow-tooltip属性 单元格内容空悬浮会触发黑色悬浮框的问题

.el-table__body .cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 这个样式将会把单元格的文本限制在单元格内部，并且当文本超出单元格宽度时，将会出现省略号。这样就可以避免...

element表格el-table只给禁用的复选框添加el-tooltip提示

<el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> </el-table> js export default { data() { return { tableData: [ { ...

el-table 操作栏多了一个类名is-hidden，导致最后一行操作栏内容不展示，怎么处理

1. **检查CSS**: 确保你的 CSS 中对 .el-table__operation-column.is-hidden 或相关选择器进行了正确的样式设置。确认该类名是否设置了高度为0，overflow为hidden等导致隐藏的样式。 css .el-table__operation...

el-table-v2 动态高度行实现

<el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column label="动态高度"> <template slot-scope="scope"> <div :style="{'height': scope.row.dynamicHeight + 'px'}"> ...

最新推荐

recommend-type

1300张图片训练效果

1300张图片训练效果
recommend-type

SSM动力电池数据管理系统源码及数据库详解

资源摘要信息:"SSM动力电池数据管理系统（源码+数据库）301559" 该动力电池数据管理系统是一个完整的项目，基于Java的SSM（Spring, SpringMVC, Mybatis）框架开发，集成了前端技术Vue.js，并使用Redis作为数据缓存，适用于电动汽车电池状态的在线监控和管理。 1. 系统架构设计： - **Spring框架**：作为整个系统的依赖注入容器，负责管理整个系统的对象生命周期和业务逻辑的组织。 - **SpringMVC框架**：处理前端发送的HTTP请求，并将请求分发到对应的处理器进行处理，同时也负责返回响应到前端。 - **Mybatis框架**：用于数据持久化操作，主要负责与数据库的交互，包括数据的CRUD（创建、读取、更新、删除）操作。 2. 数据库管理： - 系统中包含数据库设计，用于存储动力电池的数据，这些数据可以包括电池的电压、电流、温度、充放电状态等。 - 提供了动力电池数据格式的设置功能，可以灵活定义电池数据存储的格式，满足不同数据采集系统的要求。 3. 数据操作： - **数据批量导入**：为了高效处理大量电池数据，系统支持批量导入功能，可以将数据以文件形式上传至服务器，然后由系统自动解析并存储到数据库中。 - **数据查询**：实现了对动力电池数据的查询功能，可以根据不同的条件和时间段对电池数据进行检索，以图表和报表的形式展示。 - **数据报警**：系统能够根据预设的报警规则，对特定的电池数据异常状态进行监控，并及时发出报警信息。 4. 技术栈和工具： - **Java**：使用Java作为后端开发语言，具有良好的跨平台性和强大的生态支持。 - **Vue.js**：作为前端框架，用于构建用户界面，通过与后端进行数据交互，实现动态网页的渲染和用户交互逻辑。 - **Redis**：作为内存中的数据结构存储系统，可以作为数据库、缓存和消息中间件，用于减轻数据库压力和提高系统响应速度。 - **Idea**：指的可能是IntelliJ IDEA，作为Java开发的主要集成开发环境（IDE），提供了代码自动完成、重构、代码质量检查等功能。 5. 文件名称解释： - **CS741960_***：这是压缩包子文件的名称，根据命名规则，它可能是某个版本的代码快照或者备份，具体的时间戳表明了文件创建的日期和时间。 这个项目为动力电池的数据管理提供了一个高效、可靠和可视化的平台，能够帮助相关企业或个人更好地监控和管理电动汽车电池的状态，及时发现并处理潜在的问题，以保障电池的安全运行和延长其使用寿命。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

MapReduce分区机制揭秘：作业效率提升的关键所在

![MapReduce分区机制揭秘：作业效率提升的关键所在](http://www.uml.org.cn/bigdata/images/20180511413.png) # 1. MapReduce分区机制概述 MapReduce是大数据处理领域的一个核心概念，而分区机制作为其关键组成部分，对于数据处理效率和质量起着决定性作用。在本章中，我们将深入探讨MapReduce分区机制的工作原理以及它在数据处理流程中的基础作用，为后续章节中对分区策略分类、负载均衡、以及分区故障排查等内容的讨论打下坚实的基础。 MapReduce的分区操作是将Map任务的输出结果根据一定规则分发给不同的Reduce
recommend-type

在电子商务平台上，如何通过CRM系统优化客户信息管理和行为分析？请结合DELL的CRM策略给出建议。

构建电商平台的CRM系统是一项复杂的任务，需要综合考虑客户信息管理、行为分析以及与客户的多渠道互动。DELL公司的CRM策略提供了一个绝佳的案例，通过它我们可以得到构建电商平台CRM系统的几点启示。 参考资源链接：[提升电商客户体验：DELL案例下的CRM策略](https://wenku.csdn.net/doc/55o3g08ifj?spm=1055.2569.3001.10343) 首先，CRM系统的核心在于以客户为中心，这意味着所有的功能和服务都应该围绕如何提升客户体验来设计。DELL通过其直接销售模式和个性化服务成功地与客户建立起了长期的稳定关系，这提示我们在设计CRM系统时要重
recommend-type

R语言桑基图绘制与SCI图输入文件代码分析

资源摘要信息:"桑基图_R语言绘制SCI图的输入文件及代码" 知识点: 1.桑基图概念及其应用 桑基图（Sankey Diagram）是一种特定类型的流程图，以直观的方式展示流经系统的能量、物料或成本等的数量。其特点是通过流量的宽度来表示数量大小，非常适合用于展示在不同步骤或阶段中数据量的变化。桑基图常用于能源转换、工业生产过程分析、金融资金流向、交通物流等领域。 2.R语言简介 R语言是一种用于统计分析、图形表示和报告的语言和环境。它特别适合于数据挖掘和数据分析，具有丰富的统计函数库和图形包，可以用于创建高质量的图表和复杂的数据模型。R语言在学术界和工业界都得到了广泛的应用，尤其是在生物信息学、金融分析、医学统计等领域。 3.绘制桑基图在R语言中的实现 在R语言中，可以利用一些特定的包（package）来绘制桑基图。比较流行的包有“ggplot2”结合“ggalluvial”，以及“plotly”。这些包提供了创建桑基图的函数和接口，用户可以通过编程的方式绘制出美观实用的桑基图。 4.输入文件在绘制桑基图中的作用 在使用R语言绘制桑基图时，通常需要准备输入文件。输入文件主要包含了桑基图所需的数据，如流量的起点、终点以及流量的大小等信息。这些数据必须以一定的结构组织起来，例如表格形式。R语言可以读取包括CSV、Excel、数据库等不同格式的数据文件，然后将这些数据加载到R环境中，为桑基图的绘制提供数据支持。 5.压缩文件的处理及文件名称解析 在本资源中，给定的压缩文件名称为"27桑基图"，暗示了该压缩包中包含了与桑基图相关的R语言输入文件及代码。此压缩文件可能包含了以下几个关键部分： a. 示例数据文件：可能是一个或多个CSV或Excel文件，包含了桑基图需要展示的数据。 b. R脚本文件：包含了一系列用R语言编写的代码，用于读取输入文件中的数据，并使用特定的包和函数绘制桑基图。 c. 说明文档：可能是一个Markdown或PDF文件，描述了如何使用这些输入文件和代码，以及如何操作R语言来生成桑基图。 6.如何在R语言中使用桑基图包 在R环境中，用户需要先安装和加载相应的包，然后编写脚本来定义桑基图的数据结构和视觉样式。脚本中会包括数据的读取、处理，以及使用包中的绘图函数来生成桑基图。通常涉及到的操作有：设定数据框（data frame）、映射变量、调整颜色和宽度参数等。 7.利用R语言绘制桑基图的实例 假设有一个数据文件记录了从不同能源转换到不同产品的能量流动，用户可以使用R语言的绘图包来展示这一流动过程。首先，将数据读入R，然后使用特定函数将数据映射到桑基图中，通过调整参数来优化图表的美观度和可读性，最终生成展示能源流动情况的桑基图。 总结：在本资源中，我们获得了关于如何在R语言中绘制桑基图的知识，包括了桑基图的概念、R语言的基础、如何准备和处理输入文件，以及通过R脚本绘制桑基图的方法。这些内容对于数据分析师和数据科学家来说是非常有价值的技能，尤其在需要可视化复杂数据流动和转换过程的场合。
recommend-type

"互动学习：行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动，互动学习以行动为中心的强化学习学会互动，互动学习，以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授：智囊团论文联合主任菲利普·普雷教授，大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授，Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士，Deepmind对于那些及时看到自己错误的人...3谢谢你首先，我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔，"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲，你知道在这篇论文的（许多）错误中，你是我可以依
recommend-type

如何优化MapReduce分区过程：掌握性能提升的终极策略

![如何优化MapReduce分区过程：掌握性能提升的终极策略](https://img-blog.csdnimg.cn/20200727174414808.png) # 1. MapReduce分区过程概述 在处理大数据时，MapReduce的分区过程是数据处理的关键环节之一。它确保了每个Reducer获得合适的数据片段以便并行处理，这直接影响到任务的执行效率和最终的处理速度。 ## 1.1 MapReduce分区的作用 MapReduce的分区操作在数据从Map阶段转移到Reduce阶段时发挥作用。其核心作用是确定Map输出数据中的哪些数据属于同一个Reducer。这一过程确保了数据
recommend-type

对于Java初学者来说，如何从源代码层面深入理解Java编程基础和项目实践的核心概念？

理解并分析一个Java项目的源代码对于初学者来说是一个挑战，但也是一个很好的学习过程。为了帮助你更好地从源代码层面深入理解Java编程基础和项目实践的核心概念，以下是分析步骤和关键点： 参考资源链接：[Java初学者入门项目源代码解析](https://wenku.csdn.net/doc/6tj2ijjzbg?spm=1055.2569.3001.10343) 首先，你需要准备Java开发环境，安装JDK并配置好环境变量。选择一个集成开发环境（IDE），比如IntelliJ IDEA，它可以帮助你更快地浏览项目结构、代码提示和调试。 接着，浏览整个项目的文件结构，理解src/main/
recommend-type

Linux下Sakagari Hurricane翻译工作：cpktools的使用教程

资源摘要信息:"cpktools是一套Python脚本工具，专门用于处理CRI-CPK格式的存档文件。这些工具主要在Linux环境下运行，对于在Sakagari Hurricane平台上进行翻译工作来说非常有用。cpktools提供了一系列功能，包括解包、提取文本，以及导入修改后的文本回到源文件中。" 在详细讨论这些知识点之前，有必要先了解一些相关背景信息。 背景知识： 1. CRI-CPK文件格式：这是一种专有的文件格式，由CRI Middleware公司开发，用于他们的游戏开发工具包。CPK文件可以被用于打包和分发游戏资源，如音频、视频、图像等。 2. Sakagari Hurricane：这是一个文本处理和翻译的软件工具，广泛用于游戏本地化工作中，让翻译人员能够编辑游戏文本而无需修改原始游戏代码。 3. Python：是一种流行的编程语言，其脚本的可读性和简洁性使其在数据处理和自动化任务中非常受欢迎。 4. Python 2.x：指的是Python编程语言的2.x版本，它在2000年至2010年间非常流行。当前流行的版本是Python 3.x，两者之间存在一定的不兼容性。 5. bitarray：这是一个Python库，提供了存储和操作位数组的高效方式。 现在，我们来具体看看cpktools提供的工具。 知识点： 1. cpkunpack.py：这是一个Python脚本，用于解压CPK文件。当你运行这个脚本时，它会将CPK文件中的数据解包，并且将HEADER、TOC（Table of Contents，目录表）、ITOC（Index Table of Contents，索引目录表）和ETOC（Extended Table of Contents，扩展目录表）信息打印到标准输出（stdout）。这一步骤是进行翻译工作前的重要步骤，因为它允许翻译人员访问和编辑存储在CPK文件中的文本资源。 2. screxport.py：这个脚本可以用来从scr.bin文件中提取Shift-JIS编码的字符串。Shift-JIS是一种用于日文字符编码的字符编码方案。该工具搜索文件中的标记前缀，将标记前缀后的文本作为字符串提取出来。需要注意的是，这个工具只适用于未被压缩或加密的脚本文件。 3. scrimport.py：这个脚本的功能是将编辑过的字符串导入回scr.bin文件。使用这个脚本时，翻译人员可以替换掉原来的标记前缀文本。如果需要导入的文本超过了原始长度，这个脚本还支持随机拆分文本文件。这意味着翻译人员可以处理较长的文本，并且将它们正确地导入到游戏中。 安装指南： 要使用cpktools，用户需要安装Python 2.x版本。同时，为了运行cpkunpack.py，需要从python-pip安装bitarray库。可以使用以下命令进行安装： ``` pip install bitarray ``` cpktools通常会包含在名为“cpktools-master”的压缩包文件中。解压该压缩包后，你将能够访问上述的Python脚本工具。 在处理CPK文件时，一个常见的工作流程可能包括：使用cpkunpack.py提取CPK文件内容，然后用screxport.py提取需要翻译的文本，进行翻译后，利用scrimport.py将修改后的文本导回到scr.bin文件中。完成这些步骤后，翻译后的文本就可以应用到游戏中了。 总结来说，cpktools为处理CRI-CPK存档文件提供了一套完整的解决方案，使得翻译人员能够有效地进行文本编辑工作。由于这些脚本都是使用Python编写的，因此它们对于熟悉Python编程的用户来说易于上手。对于想在Linux环境下自动化或辅助游戏本地化工作的用户，cpktools是一个宝贵的资源。