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来进行展示,

  • 相关阅读:
    linux echo 换行
    linux 脚本 逻辑关系的写法及区别
    linux vim ***
    跟我一起学Makefile
    linux awk
    linux grep命令 ***
    unbuntu 安装及服务器配置
    linux 静态库文件
    samba 配置
    linux tar
  • 原文地址:https://www.cnblogs.com/MDGE/p/9621885.html
Copyright © 2011-2022 走看看