当前位置: 首页 > Web前端 > HTML

根据若易-ui,主窗口(app-main)全屏显示方法

时间:2023-03-28 00:52:02 HTML

以若一首页为例:1.store/modules/settings.js添加一个navbar_tags:....conststate={....navbar_tags:true//navbar/tags-viewshowandhide}....constactions={....//navbar/tags-viewshowandhidesetNavbar_tags({commit},navbar_tags){state.navbar_tags=navbar_tags}}....2.views/index.vue添加全屏按钮:放大

Exit
exportdefault{data(){return{//窗口放大winfull:{full:false}};},methods:{//app-main层全屏显示switchfullscreen(){this.winfull.full=!this.winfull.full;如果(this.winfull.full){this.$store.dispatch('app/toggleSideBarHide',true);this.$store.dispatch('settings/setNavbar_tags',false);}else{this.$store.dispatch('app/toggleSideBarHide',false);this.$store.dispatch('settings/setNavbar_tags',true);}}}};3.layout/index.vue....exportdefault{....computed:{...mapState({....navbar_tags:state=>state.settings.navbar_tags}),....}。...}