Notice: 函数 WP_Scripts::localize 的调用方法不正确$l10n 参数必须是一个数组。若要将任意数据传递给脚本,请改用 wp_add_inline_script() 函数。 请查阅调试 WordPress来获取更多信息。 (这个消息是在 5.7.0 版本添加的。) in /data/www/appblog/wp-includes/functions.php on line 6131

Vuex状态监听mapState与普通的局部计算属性混合使用

mapState如果和普通的局部计算属性混合使用,使用对象展开运算符(…)

data () {
  return {
    order: {
      orderId: '',
      amount: 0.0
    }
  }
},
computed: {
  amount () {
    return this.order.amount
  },
  ...mapState({
    order_create_watcher: state => state.order.order_create
    order_confirm_watcher: state => state.order.order_confirm
  })
},
watch: {
  amount: 'amountWatcher',
  order_create_watcher: {
    handler: 'orderCreateWatcher',
    deep: true
  },
  order_confirm_watcher: {
    handler: 'orderConfirmWatcher',
    deep: true
  }
},
methods: {
  amountWatcher (val, oldVal) {
    ...
  },
  orderCreateWatcher (val, oldVal) {
    ...
  },
  orderConfirmWatcher (val, oldVal) {
    ...
  }
}
上一篇 Vue对某个对象的属性进行watch监听
下一篇 Vuex Do not mutate vuex store state outside mutation handlers