vue 更改特定的 du/component 路由器路径

Question

嘿，还有一个问题：

我在组中有一个名为组的 div 我在组下面有几个块/div

组（父）在这里：

<div v-if="block.blocktype == 'partial'">
      <h1>{{block.name}}</h1>
      <component v-if="block.template_path" :is="block.template_path" :key="block.template_path" v-bind:bduuid="block.uuid"  v-bind:block_data="block.block_data">
      </component>
    </div>

这样的div组件：

<v-date-picker
        ref="picker"
        v-model="date"
        :picker-date.sync="pickerDate"
        :events="arrayEvents"
        event-color="green lighten-1"
        full-width
        reactive="true"
        :locale="this.localication"
      ></v-date-picker>
    </div>
<span style="color: blue;" @click="CreateNewAppintmentFunction()">Create new Appointment</span>

所以现在我想在点击后将子视图从“显示”更改为“新” this.$router.push("appointment/quickedit");the

CreateNewAppintmentFunction()

任何人知道如何将路由器路径从“显示约会”更改为“新约会”

非常感谢

Answer 1

我不知道我是否正确，但如果你想拥有页面的动态路径。你可以这样做

例如：

{ path: "baseurl/:appointment/quickedit", component: YourComponent, name: yourComponentName ... }

您可以将关键字设置为路由器参数。

this.$router.push("baseurl/show_appointmen/quickedit")
this.$router.push("baseurl/edit_appointmen/quickedit")

在挂载的钩子中，您可以获得约会参数，并执行您的逻辑。