关于vuex的一点提问

Question

问题是这样的:我要根据上面基础参数里面的信息来动态显示下面
两个按钮的disabled状态 上面基础公共参数是我引入封装的子组件

如果里面任意一项选项为空串 就禁止显示下面两个按钮的状态

请问用vuex 共享上面表单的数据 然后再在父组件里一个个 | 的判断吗

有啥简洁的方法

Answer 1

表单的数据存入vuex后可以写个getters，disabled根据这个getters赋值即可

new Vuex.Store({
  state: {
    form: {
      hosts: '',
      url: '',
    },
  },
  getters: {
    isDisabled: state => {
      return !state.form.hosts || !state.form.url;
    },
  },
});