| | |
| | | <script > |
| | | import { isCollapse } from './isCollapse' |
| | | import { selectedName } from './selectName' |
| | | import BreadCrumb from '@/sfc/BreadCrumb.vue' |
| | | import Cookie from 'js-cookie' |
| | | export default { |
| | |
| | | data() { |
| | | return{ |
| | | isCollapseHeader: isCollapse , //折叠 |
| | | selected: selectedName, |
| | | // selectedName: '', |
| | | // isCollapse: false |
| | | |
| | | } |
| | | }, |
| | | mounted(){ |
| | | // 订阅事件,并在事件触发时更新选中的名字 |
| | | // this.$app.eventBus.on('updateSelectedName', (name) => { |
| | | // this.selectedName = name; |
| | | // }); |
| | | // EventBus.$on('updateSelectedName', (name) => { |
| | | // this.selectedName = name |
| | | // }) |
| | | |
| | | }, |
| | | methods: { |
| | | handleCommand(command){ |
| | |
| | | <i-ep-Expand v-show="isCollapseHeader" /> |
| | | <i-ep-Fold v-show="!isCollapseHeader"/> |
| | | </el-icon> |
| | | <!-- {{ selected }} --> |
| | | |
| | | <!-- 面包屑 --> |
| | | |
| | |
| | | color: white; |
| | | background-color: #0093E9; |
| | | background-image: linear-gradient(160deg, #2876aa 0%, #5cbfdd 100%); |
| | | // width: 100vw; |
| | | |
| | | .el-icon { |
| | | margin-right: 17px; |