• 监听


    要监听的数据

      //必须写 要不然getter拿不到改变之后的数据

      this.$store.commit("webdeptId", deptId); 
     
    vuex
    // 储存全局值
        state: {
            deptId: '',
        },
    // 计算器属性
        getters: {
            fruitsCount(state) {
                return state.deptId;
            },
        },
    // 操作方法
        mutations: {
            //监听的数据
            webdeptId(state, deptId) {
                state.deptId = null;   //vue监听不到数组的改变 所以清空重置一下就好咯
                state.deptId = deptId
            },
        },
     
    监听的页面
     computed: {
        count() {
          return this.$store.state.deptId;
        },
      },
    触发的函数    //computed中的方法与watch中的方法一致
      watch: {
        count(newCount, oldCount) {
          console.log(newCount);
         }
      },
  • 相关阅读:
    Centos7安装JDK+部署Tomcat8
    blog开发day3+Django admin的简单使用
    基于form组件的注册 + 基于Ajax的注册
    form组件复习+文件上传
    登录验证+验证码
    Django认证系统--Auth模块
    中间件
    form组件
    Ajax
    自定义分页 Cookie Session和获得路径
  • 原文地址:https://www.cnblogs.com/J-Luck/p/11941879.html
Copyright © 2020-2023  润新知