# 模块标签设置

## 路由页面的方式


如需以路由页面的形式加载，可配置路由地址： /my/service/moduleTagSetting/{module}

## 效果图

![](https://im.weaver.com.cn/server/index.php?s=/api/attachment/visitFile&sign=1513fe176b5e65c9970f5d359346d48e)


## DEMO

```js
https://weapp.yunteams.cn/my/service/moduleTagSetting/document // 文档
```

## 路由组件的方式

## DEMO

```js
openTagSetting = () => {
        // page： 页面名称， url 上的最后一层
        // module：模块标识
       
        this.props.history.push(`${getParentPath(this.props)}/{page}/moduleTagSetting/{document}`)
        // 示例一：https://weapp.yunteams.cn/my/service/moduleTagSetting/document
}


render() {
    return (
        <>
			<Button type='primary' onClick={this.openTagSetting}>打开标签设置</Button>
			<CorsComponent
                app='@weapp/my'
                compName='RouteTagSettingSys'
         	/>
		</>
    )
}
```

## 纯组件的方式

## DEMO

```js


render() {
    return (
        <>
			<CorsComponent
                app='@weapp/my'
                compName='TagSettingSys'
				module='document' // 模块标识
         	/>
		</>
    )
}
```
