vue动态路由跳转父页面跳转编辑页面时，url发生改变了但是视图没更新

在Vue中，当你通过动态路由从父组件跳转到子组件的编辑页面，虽然URL已经改变，但默认情况下，如果这个编辑页面的数据来自父组件并通过props传递，视图可能不会立即更新，因为Vue的单向数据流并不自动跟踪路由变化。

要解决这个问题，你可以尝试以下几种方法：

1. **手动触发视图更新**：在路由改变后，调用`this.$forceUpdate()`强制刷新视图，但这不是最佳实践，因为它可能会增加性能开销。

2. **使用`keep-alive`特性**：如果你希望避免频繁地重建组件，可以考虑在路由配置中使用`<router-view keep-alive>`，这样只有当组件不再复用时才会卸载，再次访问时会恢复之前的实例。

3. **监听路由变化**：在父组件中监听`$route`的变化，然后根据新的路径参数更新相关数据，并使用`this.$nextTick(() => {})`确保数据更新后再触发视图渲染。

4. **使用`@input`自定义指令**：对于通过props传入的数据，可以在子组件上使用`v-model`配合`@input`事件处理函数来实时响应数据变化。

// 子组件模板
<input v-model="parentData" @input="$emit('update:parentData', $event)">

// 父组件模板
<child :parent-data="parentData" @update:parentData="parentData = $event"></child>