zoukankan      html  css  js  c++  java
  • 有关vue开发的小经验

    注册登录已经成为布局的常事,这里为大家推荐两种超级好用的布局display:flex;justify-content:center;这个可以解决水平居中的疑难杂症

    align-center:center解决垂直居中的问题。下面介绍利用vuex辅助函数mapState来进行状态管理实现tab切换的效果。

    思路大概是这样,通过改变公共状态的值true,false来进行v-show="signShow"切换

    首先store仓库中

    const state={

    signShow:true

    }

    const store=new Vuex.Store({

    state,

    actions,

    mutations,

    })

    在组建中我们需要引入 import {mapState} from 'vuex'

    在入口文件中需要引入仓库(这个不能忽略的)

    computed:{

    ...mapState(['signShow'])

    }

    我们在组建中写html中时就可以

    v-show=“signShow”  @click="contrary"

    methods:{

    contrary(){
    this.$store.dispatch('contrary')
    }

    }

    下面又要回到最开始的仓库中去了。

    const actions={

    contrary:({commit,state})=>{

    commit('contrary')

    }

    }

    const mutations={

    contrary:(state)=>{
    state.signShow=!state.signShow
    }

    }

    这样就大功告成了!这样的好处是就连css都可以通过v-show来进行展示,

  • 相关阅读:
    6.1 tar:打包备份
    6.3-4 zip、unzip
    6.5 scp:远程文件复制
    S7 Linux用户管理及用户信息查询命令
    7.6 passwd:修改用户密码
    7.2-5 usermod
    DES
    FreeRTOS笔记
    第4章 裸机系统和多任务系统
    第008课_第1个ARM落版程序及引申
  • 原文地址:https://www.cnblogs.com/MDGE/p/9621885.html
Copyright © 2011-2022 走看看