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方法了。





  • 2020-05-07 13:05:28

    JavaScript中批量设置Css样式

    setAttribute() 方法添加指定的属性,并为其赋指定的值。 如果这个指定的属性已存在,则仅设置/更改值

  • 2020-05-07 13:07:21

    scrollBox 跑马灯滚动js

    ​这个插件可以很好的实现跑马灯,以及轮播图等效果,scrollBox js

  • 2020-05-07 13:21:25

    JS中获取 DOM 元素的绝对位置实例详解

    在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。

  • 2020-05-07 13:42:13

    场景切换的集合移动,旋转,淡入淡出等

    两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的版本不支持 animation 属性。)