vue 修改模板{{}}标签_vue-admin-template模板添加tagsview
參考:
一、從vue-element-admin復(fù)制文件:
vue-admin-template\src\layout\components\TagsView? 文件夾
vue-admin-template\src\store\modules\tagsView.js
#vue-admin-template\static 文件夾
#vue-admin-template\src\lang 文件夾
#vue-admin-template\src\utils\i18n.js
二、修改 vue-admin-template\src\layout\components\AppMain.vue :AppMain.vue文件,新增以下內(nèi)容:
export default{
name:'AppMain',
computed: {
cachedViews() {return this.$store.state.tagsView.cachedViews
}/*,
key() {
return this.$route.path
}*/}
}
.app-main{
/*50 = navbar*/min-height:calc(100vh - 50px);width:100%;position:relative;overflow:hidden;
}.fixed-header + .app-main{padding-top:50px;
}.hasTagsView{.app-main {/*84 = navbar + tags-view = 50 + 34*/min-height:calc(100vh - 84px);
}.fixed-header+.app-main{padding-top:84px;
}}
三、修改vue-admin-template\src\layout\components\index.js,新增如下行:
export { default as TagsView } from './TagsView'
四、vue-admin-template\src\layout\index.vue
總結(jié)
以上是生活随笔為你收集整理的vue 修改模板{{}}标签_vue-admin-template模板添加tagsview的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 灯效控制器和rgb控制器_更具个性的RG
- 下一篇: 字体垂直居中_海报设计技巧!垂直轴式