Question

我有一个组件，其中道具通过路线（https://router.vuejs.org/guide/essentials/passing-props.html）传递。我的问题是如何侦听组件发出的事件，以便对从路线传递的道具进行突变？

在我的路线上，我有类似的东西

...
{
    path: "details/:id?",
    name: "booking.details",
    component: BookingDetails,
    props: true
}
...

在组件内部，我有一个道具

...
props: {
    invoice: {
        type: Object,
        required: false,
        default: () => ({})
    }
},

...

methods: {
    save () {
        this.$emit('reset-invoice') // where do I capture this event
    }
}

...

Answer 1

如果我正确理解了您的问题，则侦听组件将是<router-view>，所以：

<router-view @reset-invoice="resetInvoice"></router-view>

以及呈现此路由器视图的任何组件：

{
  methods: {
    resetInvoice() {
      // ...
    }
  }
}

Answer 2

您应该观看路线并设置从路线经过的道具，如下所示

Unhandled error:
 Traceback (most recent call last):
  File "/Library/Python/2.7/site-packages/ansible/config/manager.py", line 559, in update_config_data
    value, origin = self.get_config_value_and_origin(config, configfile)
  File "/Library/Python/2.7/site-packages/ansible/config/manager.py", line 503, in get_config_value_and_origin
    value = ensure_type(value, defs[config].get('type'), origin=origin)
  File "/Library/Python/2.7/site-packages/ansible/config/manager.py", line 124, in ensure_type
    value = tempfile.mkdtemp(prefix=prefix, dir=value)
  File "/System/Library/Frameworks/Python.framework/Versions/2.7/lib/python2.7/tempfile.py", line 339, in mkdtemp
    _os.mkdir(file, 0700)
OSError: [Errno 13] Permission denied: '/Users/patrick/.ansible/tmp/ansible-local-37505vvsQNX'


Traceback (most recent call last):
  File "/usr/local/bin/ansible", line 62, in <module>
    import ansible.constants as C
  File "/Library/Python/2.7/site-packages/ansible/constants.py", line 174, in <module>
    config = ConfigManager()
  File "/Library/Python/2.7/site-packages/ansible/config/manager.py", line 291, in __init__
    self.update_config_data()
  File "/Library/Python/2.7/site-packages/ansible/config/manager.py", line 571, in update_config_data
    raise AnsibleError("Invalid settings supplied for %s: %s\n" % (config, to_native(e)), orig_exc=e)
ansible.errors.AnsibleError: Invalid settings supplied for DEFAULT_LOCAL_TMP: [Errno 13] Permission denied: '/Users/patrick/.ansible/tmp/ansible-local-37505vvsQNX'

VueJS路由器监听事件

2 个答案: