# webtpl-element

**Repository Path**: uw/webtpl-element

## Basic Information

- **Project Name**: webtpl-element
- **Description**: elementUI自建管理后台界面
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-04-30
- **Last Updated**: 2022-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

|目录|说明|
|---|---|
|src/components|公共组件|
|src/api|接口请求|
|src/common|公共方法|
|src/router|前端路由|
|src/store|vuex|
|src/style|样式|
|src/view|页面组件|

> v-auth 鉴权指令
 
使用方法 `v-auth:鉴权串`，鉴权串在权限管理添加规则时指定

> v-preview 图片预览指令

1. 指令使用方式 `<img src="" alt="" v-preview />`
2. js直接调用 `this.$preview(图片地址)`

> $confirm 重写说明

使用方法 `this.$confirm(提示信息,ok按钮回调)`

> $drawer 抽屉窗口使用方法($dialog用法相同)
```js
this.$drawer({
    title:'标题',
    component:obj,
    data:'obj数据',
    width:'宽度，默认520px',
    close:()=>{
        // obj内部close回调方法
    },
})
```
说明：option.obj内容组件


> 其他说明
1. 代理配置，复制 `vue.dev.js.back` 重命名为 `vue.dev.js`，修改 `vue.dev.js` 中 `target`
2. 路由中 `title` 需要和后台菜单配置的名称相同 
3. 关于组件引入路径中 `@` 符号提示跳转问题，把 `node_modules/@vue/cli-service/webpack.config.js` 配置到 `File > Settings > Languages & Frameworks > JavaScript > Webpack`
4. 底层样式修改，lg、sm替换原有的medium、small、mini，默认default