# tools_ui

**Repository Path**: CodeLife_fjl/tools_ui

## Basic Information

- **Project Name**: tools_ui
- **Description**: tools_ui库的文档说明
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: doc_dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-11-18
- **Last Updated**: 2024-01-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[文档地址](http://codelife_fjl.gitee.io/tools_ui_doc)

## 何为tools_ui
这是一个依托`element-ui` + `vue` 构建的一个ui组件库，它最大程度保留了elemen-ui原有的方法和属性，并在此基础上进行功能拓展！如果您经常使用element-ui， 那么tools_ui对您来说也会得心应手。

## 安装与使用

```
npm i @code_life/tools_ui
```

**完整引入**

```
import tools_ui from "@code_life/tools_ui"
import "@code_life/tools_ui/tools_ui.css"
Vue.use(tools_ui)
```
**按需引入**
```
import tools_ui from "@code_life/tools_ui"
import "@code_life/tools_ui/tools_ui.css"
Vue.use(tools_ui.MuchSelect)
```

## 使用须知
很多组件整体依托的是原`element-ui`改造而成，那么他会有一个基础原组件， 例如`ClMuchSelect`的基础原组件就是`el-select` 当你直接使用ref绑定组件时，可以直接拿到基础原组件的实例对象。 基础原组件的属性和方法也会最大程度保留到现组件当中。若无基础原组件， 则`ref`直接获取到当前组件实例
```
<template>
  <CLMuchSelect ref="muchSelectRef"></CLMuchSelect>
</template>

<script>
export default {
  mounted() {
    conso.log(this.$refs.muchSelectRef)  //获取到的将是el-select的实例
  }
}
</script>
```

很多时候，我们会将`element-ui`里面的一些组件的默认值修改， 例如ClMuchSelect组件里会默认开启可搜索可清除等功能， 如不需要可按`element-ui`文档进行关闭

## 注意
该ui库element-ui版本为2.5.16，vue版本为2.6.14

## 联系作者
目前该库还不完善，若在使用过程中发现问题可第一事件联系我们，或者有更好的形式以及优化也可以交流！
> wx: fjl_code_life