vuex 设置state时的骚操作,批量设置state

2020-11-11 15:08:52

vuex 设置state时的骚操作,批量设置state

uex mutations 代码

state: {
    showLaser:true,  
    showPath:true,  
    showCamera:true,  

  },mutations: {
    setState(state,opt){
      for(let [key,val] of Object.entries(opt)){
        state[key] = val;
      }
    }
 }

使用

this.$store.commit('setState',{
        showLaser:false,
        showCamera:false,
        showPath:false,})

这样就不要每次设置state值时写一个对应的更新state方法了。





  • 2017-01-21 21:44:29

    详解 ESLint 规则,规范你的代码

    在很久之前就想通过工具来规范自己的代码风格,减少程序出错的概率,如果看过我的 一个前端程序猿的Sublime Text3的自我修养 ,这篇博客的朋友,肯定知道在当时我使用 SublimeLinter-jshint 插件来规范风格,但是实际上一直懒癌发作也没去看它的文档,使用着它默认的规则。不过现在是时候切换到 ESLint 了!

  • 2017-01-23 23:09:16

    使用 CSS3 实现超炫的 Loading(加载)动画效果

     SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。(为保证最佳的效果,请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览)